PHP+&#106avascript液晶时钟

2016-02-19 09:14 10 1 收藏

在这个颜值当道，屌丝闪边的时代，拼不过颜值拼内涵，只有知识丰富才能提升一个人的内在气质和修养，所谓人丑就要多学习，今天图老师给大家分享PHP+&#106avascript液晶时钟，希望可以对大家能有小小的帮助。

【 tulaoshi.com - Web开发】

?
  $size_small=5;//液晶宽度
  $size_big=25;//液晶长度
  $distance=10;//间距
  $color_back="#DDDDDD";
  $color_dark="#CCCCCC";
  $color_light="#000000";
  $number=0;
?
html
head
titleTimer/title
meta http-equiv="Content-Type" content="text/html; charset=gb2312"

script language="javascript"
// *****************************************************************
//                   Written By Caocao
//                   caocao@eastday.com
//                   http://caocao.oso.com.cn
// *****************************************************************
function swapcolor(obj,onoff)//改变颜色
{
  if (onoff)
  {
    obj.style.background="? echo $color_light;?";
  }
  else
  {
    obj.style.background="? echo $color_dark;?";
  }
}

function change(number,timer)//处理数字显示
{
  switch (timer)
  {
    case 0:
      swapcolor(eval("time"+number+"0"),1);
      swapcolor(eval("time"+number+"1"),1);
      swapcolor(eval("time"+number+"2"),1);
      swapcolor(eval("time"+number+"3"),0);
      swapcolor(eval("time"+number+"4"),1);
      swapcolor(eval("time"+number+"5"),1);
      swapcolor(eval("time"+number+"6"),1);
      break;
    case 1:
      swapcolor(eval("time"+number+"0"),0);
      swapcolor(eval("time"+number+"1"),0);
      swapcolor(eval("time"+number+"2"),1);
      swapcolor(eval("time"+number+"3"),0);
      swapcolor(eval("time"+number+"4"),0);
      swapcolor(eval("time"+number+"5"),1);
      swapcolor(eval("time"+number+"6"),0);
      break;
    case 2:
      swapcolor(eval("time"+number+"0"),1);
      swapcolor(eval("time"+number+"1"),0);
      swapcolor(eval("time"+number+"2"),1);
      swapcolor(eval("time"+number+"3"),1);
      swapcolor(eval("time"+number+"4"),1);
      swapcolor(eval("time"+number+"5"),0);
      swapcolor(eval("time"+number+"6"),1);
      break;
    case 3:
      swapcolor(eval("time"+number+"0"),1);
      swapcolor(eval("time"+number+"1"),0);
      swapcolor(eval("time"+number+"2"),1);
      swapcolor(eval("time"+number+"3"),1);
      swapcolor(eval("time"+number+"4"),0);
      swapcolor(eval("time"+number+"5"),1);
      swapcolor(eval("time"+number+"6"),1);
      break;
    case 4:
      swapcolor(eval("time"+number+"0"),0);
      swapcolor(eval("time"+number+"1"),1);
      swapcolor(eval("time"+number+"2"),1);
      swapcolor(eval("time"+number+"3"),1);
      swapcolor(eval("time"+number+"4"),0);
      swapcolor(eval("time"+number+"5"),1);
      swapcolor(eval("time"+number+"6"),0);
      break;
    case 5:
      swapcolor(eval("time"+number+"0"),1);
      swapcolor(eval("time"+number+"1"),1);
      swapcolor(eval("time"+number+"2"),0);
      swapcolor(eval("time"+number+"3"),1);
      swapcolor(eval("time"+number+"4"),0);
      swapcolor(eval("time"+number+"5"),1);
      swapcolor(eval("time"+number+"6"),1);
      break;
    case 6:
      swapcolor(eval("time"+number+"0"),1);
      swapcolor(eval("time"+number+"1"),1);
      swapcolor(eval("time"+number+"2"),0);
      swapcolor(eval("time"+number+"3"),1);
      swapcolor(eval("time"+number+"4"),1);
      swapcolor(eval("time"+number+"5"),1);
      swapcolor(eval("time"+number+"6"),1);
      break;
    case 7:
      swapcolor(eval("time"+number+"0"),1);
      swapcolor(eval("time"+number+"1"),0);
      swapcolor(eval("time"+number+"2"),1);
      swapcolor(eval("time"+number+"3"),0);
      swapcolor(eval("time"+number+"4"),0);
      swapcolor(eval("time"+number+"5"),1);
      swapcolor(eval("time"+number+"6"),0);
      break;
    case 8:
      swapcolor(eval("time"+number+"0"),1);
      swapcolor(eval("time"+number+"1"),1);
      swapcolor(eval("time"+number+"2"),1);
      swapcolor(eval("time"+number+"3"),1);
      swapcolor(eval("time"+number+"4"),1);
      swapcolor(eval("time"+number+"5"),1);
      swapcolor(eval("time"+number+"6"),1);
      break;
    case 9:
      swapcolor(eval("time"+number+"0"),1);
      swapcolor(eval("time"+number+"1"),1);
      swapcolor(eval("time"+number+"2"),1);
      swapcolor(eval("time"+number+"3"),1);
      swapcolor(eval("time"+number+"4"),0);
      swapcolor(eval("time"+number+"5"),1);
      swapcolor(eval("time"+number+"6"),1);
      break;
  }
}

function show()//更新时间
{
  var now=new Date();
  change(0,Math.floor(now.getHours()/10));
  change(1,Math.floor(now.getHours()%10));
  change(2,Math.floor(now.getMinutes()/10));
  change(3,Math.floor(now.getMinutes()%10));
  change(4,Math.floor(now.getSeconds()/10));
  change(5,Math.floor(now.getSeconds()%10));
  setTimeout("show()",200);
}
/script

/head
?
  echo "body bgcolor=".$color_back."";
  echo "table width=".(($size_small*3+$size_big+$distance)*6)." border=0 cellspacing=0 cellpadding=0tr";
  for ($nunber=0;$number6;$number++)
  {
    $recid=0;
    echo "tdtable width=".($size_small*2+$size_big)." border=0 cellspacing=0 cellpadding=0tr";
    echo "td width=".$size_small." height=".$size_small."/td";
    echo "td width=".$size_big." height=".$size_small."div id=time".$number.$recid++." style="position:relative; width:".$size_big."px; height:".$size_small."px; background:".$color_dark."; font-size:1px"/div/td";
    echo "td width=".$size_small." height=".$size_small."/td";
    echo "/trtr";
    echo "td width=".$size_small." height=".$size_big."div id=time".$number.$recid++." style="position:relative; width:".$size_small."px; height:".$size_big."px; background:".$color_dark."; font-size:1px"/div/td";
    echo "td width=".$size_big." height=".$size_big."/td";
    echo "td width=".$size_small." height=".$size_big."div id=time".$number.$recid++." style="position:relative; width:".$size_small."px; height:".$size_big."px; background:".$color_dark."; font-size:1px"/div/td";
    echo "/trtr";
    echo "td width=".$size_small." height=".$size_small."/td";
    echo "td width=".$size_big." height=".$size_small."div id=time".$number.$recid++." style="position:relative; width:".$size_big."px; height:".$size_small."px; background:".$color_dark."; font-size:1px"/div/td";
    echo "td width=".$size_small." height=".$size_small."/td";
    echo "/trtr";
    echo "td width=".$size_small." height=".$size_big."div id=time".$number.$recid++." style="position:relative; width:".$size_small."px; height:".$size_big."px; background:".$color_dark."; font-size:1px"/div/td";
    echo "td width=".$size_big." height=".$size_big."/td";
    echo "td width=".$size_small." height=".$size_big."div id=time".$number.$recid++." style="position:relative; width:".$size_small."px; height:".$size_big."px; background:".$color_dark."; font-size:1px"/div/td";
    echo "/trtr";
    echo "td width=".$size_small." height=".$size_small."/td";
    echo "td width=".$size_big." height=".$size_small."div id=time".$number.$recid++." style="position:relative; width:".$size_big."px; height:".$size_small."px; background:".$color_dark."; font-size:1px"/div/td";
    echo "td width=".$size_small." height=".$size_small."/td";
    echo "/tr/table/td";
    if ($number==1||$number==3)
    {
      echo "tdtable width=".($size_small*3)." border=0 cellspacing=0 cellpadding=0tr";
      echo "td width=".$size_small." height=".$size_small."/td";
      echo "td width=".$size_small." height=".$size_small."/td";
      echo "td width=".$size_small." height=".$size_small."/td";
      echo "/trtr";
      echo "td width=".$size_small." height=".$size_big."/td";
      echo "td width=".$size_small." height=".$size_big."div style="position:relative; width:".$size_small."px; height:".$size_small."px; background:".$color_light."; font-size:1px"/div/td";
      echo "td width=".$size_small." height=".$size_big."/td";
      echo "/trtr";
      echo "td width=".$size_small." height=".$size_small."/td";
      echo "td width=".$size_small." height=".$size_small."/td";
      echo "td width=".$size_small." height=".$size_small."/td";
      echo "/trtr";
      echo "td width=".$size_small." height=".$size_big."/td";
      echo "td width=".$size_small." height=".$size_big."div style="position:relative; width:".$size_small."px; height:".$size_small."px; background:".$color_light."; font-size:1px"/div/td";
      echo "td width=".$size_small." height=".$size_big."/td";
      echo "/trtr";
      echo "td width=".$size_small." height=".$size_small."/td";
      echo "td width=".$size_small." height=".$size_small."/td";
      echo "td width=".$size_small." height=".$size_small."/td";
      echo "/tr/table/td";
    }
  }
  echo "/tr/table";
?
script language="javascript"
  show();
/script
/body
/html

来源:http://www.tulaoshi.com/n/20160219/1590021.html

上一篇： nunit使用指南之—NUnit Quick Start
下一篇： ajax返回的json内容进行排序使用sort()方法实现

看过《PHP+&#106avascript液晶时钟》的人还看了以下文章更多>>

PHP+&#106avascript液晶时钟 02-19
PHP+javascript液晶时钟 01-29
PHP与&#106avascript对多项选择的处理 02-19
javascript设计漫天雪花 01-29
javascript利用xmlhttp获得服务器时钟的方法 01-29
加快图片显示(javascript) 01-29
javascript实例教程(6) 利用javascript进行密码保护 01-29
PHP与javascript对多项选择的处理 01-29
javascript模拟ACDSEE简单功能 01-29
PHP与javascript的两种交互方式 01-29

中文的版用javascript实现超酷的“网页时钟”

只须将如下的JavaScript代码插入到你页面html的<head区即可！ <SCRIPT language=JavaScript <!-- dCol='yellow'; //定义日历颜色 fCol='#ff0000'; //定义1-12这12个数的颜色 sCol='#00ff00'; //定义秒针颜色 mCol='#0000ff'; //定义分针颜色 hCol='#ff0000'; //定义时针颜色 ClockHeight=40; //定义时钟的高度 ClockWidth=40...

javascript学习:基础继承机制

最近因为学校做网站设计，所以一直在ASP上和数据库上大费苦心。我在前一个阶段是做Java程序设计的。突然接到任务并学习ASP，所以我一直都热忠并善于利用JavaScript来构架ASP程序。 JavaScript的一个明显的优点就在于它可以定义和持有自己的对象。这一点好象是VBScript所无法比拟的。有了这一点，可以利用J...

在IE中使用javascript

在浏览器中显示信息

javascript和Flash的通信

标签： flash教程

说明: 略作修改,主要是一些很初级的操作; 又很多相似的文章,不过这个很权威下面是一些在和使用javascript的HTML文件直接通信的示例,每个示例都有简略的步骤本文讨论了3种基本的Flash/javascript通信方式: javascript 到 Flash的通信----使用Flash播放器的javas...

javascript制作闪烁的边框

本文介绍用JS来制作闪烁的边框，演示地址：http://www.85time.com首页，我仅制作了一个闪烁的边框，若想一个以上的边框都能闪烁，可以定义多个变量，本文中，我仅定义了一个变量mydowns！代码如下，共有两个文件：文件一：mydowns.js <!-- function flash(){ if (!document.all) return if (mydowns.style.borderColor=="gr...

查看更多精彩>>