communauté
Apprendre
Bibliothèque d'outils
Outils d'IA
Loisirs
recherche
Français
Maison > php教程 > php手册 > PHP+Javascript液晶时钟

PHP+Javascript液晶时钟

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Libérer： 2016-05-22 17:21:04
original
1233 Les gens l'ont consulté

<? 
  $size_small=5;//液晶宽度 
  $size_big=25;//液晶长度 
  $distance=10;//间距 
  $color_back="#DDDDDD"; 
  $color_dark="#CCCCCC"; 
  $color_light="#000000"; 
  $number=0; 
?> 
<html> 
<head> 
<title>Timer</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=0><tr>"; 
  for ($nunber=0;$number<6;$number++) 
  { 
    $recid=0; 
    echo "<td><table width=".($size_small*2+$size_big)." border=0 cellspacing=0 cellpadding=0><tr>"; 
    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><tr>"; 
    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 "</tr><tr>"; 
    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><tr>"; 
    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 "</tr><tr>"; 
    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 "<td><table width=".($size_small*3)." border=0 cellspacing=0 cellpadding=0><tr>"; 
      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><tr>"; 
      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 "</tr><tr>"; 
      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><tr>"; 
      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 "</tr><tr>"; 
      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>
Copier après la connexion


Étiquettes associées：
php液晶显示器
Article précédent：用 PHP 动态创建 Flash 动画 Article suivant：PHP中实现面向对象编程（下）
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
javascript - Le code pour modifier l'image de la boîte dans la liste déroulante.
Depuis 1970-01-01 08:00:00
0
0
0
Comment ionic2 utilise-t-il les styles d'iOS sur la plateforme Android
Depuis 1970-01-01 08:00:00
0
0
0
javascript - Existe-t-il un excellent outil de point d'arrêt sur NPM?
Depuis 1970-01-01 08:00:00
0
0
0
javascript - Comment Webpack bloque-t-il globalement la valeur de hachage de cette build pour une utilisation par le code JS ?
Depuis 1970-01-01 08:00:00
0
0
0
javascript - Comment jQuery implémente-t-il le préchargement des effets sonores sur les pages mobiles?
Depuis 1970-01-01 08:00:00
0
0
0
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal