设为首页收藏本站
切换到窄版

 找回密码
 注册
金光网»广场 › ╃ 建 站 技 术 ╆ › 『网站建设』 › 温度计式样时间
【阿里云】2核2G云新老同享 99元/年,续费同价华为云精选云产品特惠做网站就用糖果主机Jtti,新加坡服务器,美国服务器,香港服务器
返回列表 发新帖
查看: 424|回复: 4

温度计式样时间

[复制链接]
发表于 2005 年 10 月 28 日 08:14:52 | 显示全部楼层 |阅读模式

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要 登录 才可以下载或查看，没有账号？注册

×
  1. <title> 温度计式样的时间 </title>
  2. <SCRIPT language=javascript>
  3. var cellwidth=10;                 // EACH "CELL" WIDTH IN PIXELS
  4. var cellheight=10;                  // EACH "CELL" HEIGHT IN PIXELS
  5. var fontsize=11;                  // FONT SIZE OF THE NUMBERS. SETTING THIS TOO BIG CAUSES UNDESIRED EFFECTS.
  6. var fontcolor="080080";            // ENTER ANY HTML OR RGB COLOR CODE
  7. var fontstyle="bold";            // ENTER EITHER BOLD, ITALICS, NONE
  8. var oncolor="red";                // COLOR OF ACTIVE CELLS
  9. var offcolor="lightgrey";      // COLOR OF INACTIVE CELLS
  11. var NS4 = (navigator.appName.indexOf("Netscape")>=0 && parseFloat(navigator.appVersion) >= 4 && parseFloat(navigator.appVersion) < 5)? true : false;
  12. var IE4 = (document.all)? true : false;
  13. var NS6 = (parseFloat(navigator.appVersion) >= 5 && navigator.appName.indexOf("Netscape")>=0 )? true: false;
  14. var binclk, now;
  15. var t='<table cellspacing="1" cellpadding="0" border="0"><tr><td align="center"> </td>';
  16. for(i=0;i<=58;i+=2)t+='<td align="left" colspan="2"><font style="font-size:'+fontsize+'px; font-weight:'+fontstyle+'; color: '+fontcolor+'">'+i+'<br> |</font></td>';
  17. t+='<td> </td></tr><tr><td align="center"><font style="font-size:'+fontsize+'px; font-weight:'+fontstyle+'; color: '+fontcolor+'">时: </font></td>';
  18. for(i=0;i<=23;i++){
  19. t+='<td>';
  20. t+=(NS4)? '<ilayer name="hrs'+i+'" height="'+cellheight+'" width="'+cellwidth+'" bgcolor="'+offcolor+'"></ilayer>' : '<div id="hrs'+i+'" style="position:relative; width:'+cellwidth+'px; font-size:1px; height:'+cellheight+'px; background-color:'+offcolor+'"></div>';
  21. t+='</td>';
  22. }
  23. t+='<td colspan="36"><td> </td></tr><tr><td align="center"><font style="font-size:'+fontsize+'px; font-weight:'+fontstyle+'; color: '+fontcolor+'">分: </font></td>';
  24. for(i=0;i<=59;i++){
  25. t+='<td>';
  26. t+=(NS4)? '<ilayer name="min'+i+'" width="'+cellwidth+'" height="'+cellheight+'" bgcolor="'+offcolor+'"></ilayer>' : '<div id="min'+i+'" style="position:relative; width:'+cellwidth+'px; font-size:1px; height:'+cellheight+'px; background-color:'+offcolor+'"></div>';
  27. t+='</td>';
  28. }
  29. t+='<td> </td></tr><tr><td align="center"><font style="font-size:'+fontsize+'px; font-weight:'+fontstyle+'; color: '+fontcolor+'">秒: </font></td>';
  30. for(i=0;i<=59;i++)
  31. {
  32. t+='<td>';
  33. t+=(NS4)? '<ilayer name="sec'+i+'" width="'+cellwidth+'" height="'+cellheight+'" bgcolor="'+offcolor+'"></ilayer>' : '<div id="sec'+i+'" style="position:relative; width:'+cellwidth+'px; font-size:1px; height:'+cellheight+'px; background-color:'+offcolor+'"></div>';
  34. t+='</td>';
  35. }
  36. t+='<td> </td></tr><tr><td> </td><td> </td>';
  37. for(i=1;i<=59;i+=2)t+='<td align="left" colspan="2"><font style="font-size:'+fontsize+'px; font-weight:'+fontstyle+'; color: '+fontcolor+'"> |<br>'+i+'</font></td>';
  38. t+='</tr></table>';
  39. document.write(t);
  40. function init(){
  41. getvals();
  42. for(i=0;i<=now.h;i++)setbgcolor('hrs'+i, oncolor);
  43. for(i=0;i<=now.m;i++)setbgcolor('min'+i, oncolor);
  44. for(i=0;i<=now.s;i++)setbgcolor('sec'+i, oncolor);
  45. setInterval('setclock()', 100);
  46. }
  47. function getvals(){
  48. now=new Date();
  49. now.s=now.getSeconds();
  50. now.h=now.getHours();
  51. now.m=now.getMinutes();
  52. }
  53. function setclock(){
  54. getvals();
  55. if((now.h==0)&&(now.m==0)) for(i=1;i<=23;i++)setbgcolor('hrs'+i, offcolor);
  56. if((now.s==0)&&(now.m==0)) for (i=1;i<=59;i++)setbgcolor('min'+i, offcolor);
  57. if(now.s==0) for(i=1;i<=59;i++)setbgcolor('sec'+i, offcolor);
  58. setbgcolor('hrs'+now.h, oncolor);
  59. setbgcolor('min'+now.m, oncolor);
  60. setbgcolor('sec'+now.s, oncolor);
  61. }
  62. function resize(){
  63. if(NS4)history.go(0);
  64. }
  65. function setbgcolor(idstr, color){
  66. if(IE4)document.all[idstr].style.backgroundColor=color;
  67. if(NS4)document.layers[idstr].bgColor=color;
  68. if(NS6)document.getElementById(idstr).style.backgroundColor=color;
  69. }
  70. window.onload=init;
  71. window.onresize=resize;
  72. </SCRIPT>
复制代码
Jgwy.Com - Free Web Hosting Guide & Directory In China since 2001! Jgwy.Net-Jglt.Net
回复

使用道具 举报

oghuz
发表于 2005 年 10 月 28 日 11:05:29 | 显示全部楼层
【腾讯云】2核2G云服务器新老同享 99元/年，续费同价
[s:16]  [s:15]
Jgwy.Com - Free Web Hosting Guide & Directory In China since 2001! Jgwy.Net-Jglt.Net
回复 顶 踩

使用道具 举报

发表于 2005 年 10 月 28 日 14:11:16 | 显示全部楼层
不错
Jgwy.Com - Free Web Hosting Guide & Directory In China since 2001! Jgwy.Net-Jglt.Net
回复 顶 踩

使用道具 举报

发表于 2005 年 10 月 29 日 18:12:44 | 显示全部楼层
演示下。。。。。。
Jgwy.Com - Free Web Hosting Guide & Directory In China since 2001! Jgwy.Net-Jglt.Net
回复 顶 踩

使用道具 举报

 楼主| 发表于 2005 年 10 月 28 日 08:14:52 | 显示全部楼层

温度计式样时间

  1. <title> 温度计式样的时间 </title>
  2. <SCRIPT language=javascript>
  3. var cellwidth=10;                 // EACH "CELL" WIDTH IN PIXELS
  4. var cellheight=10;                  // EACH "CELL" HEIGHT IN PIXELS
  5. var fontsize=11;                  // FONT SIZE OF THE NUMBERS. SETTING THIS TOO BIG CAUSES UNDESIRED EFFECTS.
  6. var fontcolor="080080";            // ENTER ANY HTML OR RGB COLOR CODE
  7. var fontstyle="bold";            // ENTER EITHER BOLD, ITALICS, NONE
  8. var oncolor="red";                // COLOR OF ACTIVE CELLS
  9. var offcolor="lightgrey";      // COLOR OF INACTIVE CELLS
  11. var NS4 = (navigator.appName.indexOf("Netscape")>=0 && parseFloat(navigator.appVersion) >= 4 && parseFloat(navigator.appVersion) < 5)? true : false;
  12. var IE4 = (document.all)? true : false;
  13. var NS6 = (parseFloat(navigator.appVersion) >= 5 && navigator.appName.indexOf("Netscape")>=0 )? true: false;
  14. var binclk, now;
  15. var t='<table cellspacing="1" cellpadding="0" border="0"><tr><td align="center"> </td>';
  16. for(i=0;i<=58;i+=2)t+='<td align="left" colspan="2"><font style="font-size:'+fontsize+'px; font-weight:'+fontstyle+'; color: '+fontcolor+'">'+i+'<br> |</font></td>';
  17. t+='<td> </td></tr><tr><td align="center"><font style="font-size:'+fontsize+'px; font-weight:'+fontstyle+'; color: '+fontcolor+'">时: </font></td>';
  18. for(i=0;i<=23;i++){
  19. t+='<td>';
  20. t+=(NS4)? '<ilayer name="hrs'+i+'" height="'+cellheight+'" width="'+cellwidth+'" bgcolor="'+offcolor+'"></ilayer>' : '<div id="hrs'+i+'" style="position:relative; width:'+cellwidth+'px; font-size:1px; height:'+cellheight+'px; background-color:'+offcolor+'"></div>';
  21. t+='</td>';
  22. }
  23. t+='<td colspan="36"><td> </td></tr><tr><td align="center"><font style="font-size:'+fontsize+'px; font-weight:'+fontstyle+'; color: '+fontcolor+'">分: </font></td>';
  24. for(i=0;i<=59;i++){
  25. t+='<td>';
  26. t+=(NS4)? '<ilayer name="min'+i+'" width="'+cellwidth+'" height="'+cellheight+'" bgcolor="'+offcolor+'"></ilayer>' : '<div id="min'+i+'" style="position:relative; width:'+cellwidth+'px; font-size:1px; height:'+cellheight+'px; background-color:'+offcolor+'"></div>';
  27. t+='</td>';
  28. }
  29. t+='<td> </td></tr><tr><td align="center"><font style="font-size:'+fontsize+'px; font-weight:'+fontstyle+'; color: '+fontcolor+'">秒: </font></td>';
  30. for(i=0;i<=59;i++)
  31. {
  32. t+='<td>';
  33. t+=(NS4)? '<ilayer name="sec'+i+'" width="'+cellwidth+'" height="'+cellheight+'" bgcolor="'+offcolor+'"></ilayer>' : '<div id="sec'+i+'" style="position:relative; width:'+cellwidth+'px; font-size:1px; height:'+cellheight+'px; background-color:'+offcolor+'"></div>';
  34. t+='</td>';
  35. }
  36. t+='<td> </td></tr><tr><td> </td><td> </td>';
  37. for(i=1;i<=59;i+=2)t+='<td align="left" colspan="2"><font style="font-size:'+fontsize+'px; font-weight:'+fontstyle+'; color: '+fontcolor+'"> |<br>'+i+'</font></td>';
  38. t+='</tr></table>';
  39. document.write(t);
  40. function init(){
  41. getvals();
  42. for(i=0;i<=now.h;i++)setbgcolor('hrs'+i, oncolor);
  43. for(i=0;i<=now.m;i++)setbgcolor('min'+i, oncolor);
  44. for(i=0;i<=now.s;i++)setbgcolor('sec'+i, oncolor);
  45. setInterval('setclock()', 100);
  46. }
  47. function getvals(){
  48. now=new Date();
  49. now.s=now.getSeconds();
  50. now.h=now.getHours();
  51. now.m=now.getMinutes();
  52. }
  53. function setclock(){
  54. getvals();
  55. if((now.h==0)&&(now.m==0)) for(i=1;i<=23;i++)setbgcolor('hrs'+i, offcolor);
  56. if((now.s==0)&&(now.m==0)) for (i=1;i<=59;i++)setbgcolor('min'+i, offcolor);
  57. if(now.s==0) for(i=1;i<=59;i++)setbgcolor('sec'+i, offcolor);
  58. setbgcolor('hrs'+now.h, oncolor);
  59. setbgcolor('min'+now.m, oncolor);
  60. setbgcolor('sec'+now.s, oncolor);
  61. }
  62. function resize(){
  63. if(NS4)history.go(0);
  64. }
  65. function setbgcolor(idstr, color){
  66. if(IE4)document.all[idstr].style.backgroundColor=color;
  67. if(NS4)document.layers[idstr].bgColor=color;
  68. if(NS6)document.getElementById(idstr).style.backgroundColor=color;
  69. }
  70. window.onload=init;
  71. window.onresize=resize;
  72. </SCRIPT>
复制代码
Jgwy.Com - Free Web Hosting Guide & Directory In China since 2001! Jgwy.Net-Jglt.Net
回复 顶 踩

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 注册

本版积分规则

Archiver|手机版|小黑屋|金光论坛

GMT+8, 2024 年 11 月 20 日 23:33 , Processed in 0.113153 second(s), 19 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表