现在的位置: 首页 > 综合 > 正文

小巧实用的日历

2018年04月09日 ⁄ 综合 ⁄ 共 3029字 ⁄ 字号 小 中 大 ⁄ 评论关闭 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  2. <html xmlns="http://www.w3.org/1999/xhtml"> 
  3. <head> 
  4. <title>小巧实用的日历</title> 
  5. <meta http-equiv="content-type" content="text/html;charset=gb2312"> 
  6. </head> 
  7. <body> 
  8. <!--把下面代码加到<body>与</body>之间--> 
  9. <div style="position:relative;top:0px;left:0px;width:80px;height:120px;overflow:hidden"> 
  10. <script language="javascript"> 
  11. function Year_Month(){   
  12.     var now = new Date(); 
  13.     var yy = now.getFullYear();  
  14.     var mm = now.getMonth()+1; 
  15.     var cl = '<font color="#000000">'; 
  16.     if (now.getDay() == 0) cl = '<font color="#000000">'; 
  17.     if (now.getDay() == 6) cl = '<font color="#000000">'; 
  18.     return(cl +  yy + '年' + mm + '月</font>'); 
  19. } 
  20. function Date_of_Today(){   
  21.     var now = new Date(); 
  22.     var cl = '<font color="#000000">'; 
  23.     if (now.getDay() == 0) cl = '<font color="#000000">'; 
  24.     if (now.getDay() == 6) cl = '<font color="#000000">'; 
  25.     return(cl +  now.getDate() + '<b>日</b></font>'); 
  26. } 
  27. function Day_of_Today(){   
  28.     var day = new Array(); 
  29.     day[0] = "星期日"; 
  30.     day[1] = "星期一"; 
  31.     day[2] = "星期二"; 
  32.     day[3] = "星期三"; 
  33.     day[4] = "星期四"; 
  34.     day[5] = "星期五"; 
  35.     day[6] = "星期六"; 
  36.     var now = new Date(); 
  37.     var cl = '<font color="#000000">'; 
  38.     if (now.getDay() == 0) cl = '<font color="#000000">'; 
  39.     if (now.getDay() == 6) cl = '<font color="#000000">'; 
  40.     return(cl +  day[now.getDay()] + '</font>'); 
  41. }  
  42. function CurentTime(){   
  43.     var now = new Date(); 
  44.     var hh = now.getHours(); 
  45.     var mm = now.getMinutes(); 
  46.     var ss = now.getTime() % 60000; 
  47.     ss = (ss - (ss % 1000)) / 1000; 
  48.     var clock = hh+':'; 
  49.     if (mm < 10) clock += '0'; 
  50.     clock += mm+':'; 
  51.     if (ss < 10) clock += '0'; 
  52.     clock += ss; 
  53.     return(clock); 
  54. } 
  55. function refreshCalendarClock(){ 
  56.     document.all.calendarClock1.innerHTML = Year_Month(); 
  57.     document.all.calendarClock2.innerHTML = Date_of_Today(); 
  58.     document.all.calendarClock3.innerHTML = Day_of_Today(); 
  59.     document.all.calendarClock4.innerHTML = CurentTime(); 
  60. } 
  61. document.write('<table border="0" cellpadding="0" cellspacing="1" width="68" bgcolor="#000000" height="60">');  
  62. document.write('<tr><td width="100%" height="100%" align="center">'); 
  63. document.write('<table border="0" cellpadding="0" cellspacing="0" width="100%" hight="100%" bgcolor="#f2f2f2" height="60">');  
  64. document.write('<tr><td align="center" width="100%" height="100%">'); 
  65. document.write('<font id="calendarClock1" style="font-family:宋体;font-size:9pt"></font><br>');  
  66. document.write('<font id="calendarClock2" style="font-family:Arial;font-size:14pt;Line-Height=100%"></font><br>');  
  67. document.write('<font id="calendarClock3" style="font-family:宋体;font-size:9pt;Line-Height=100%"></font><br>');  
  68. document.write('<font id="calendarClock4" style="color:#000000;font-family:Arial;font-size:8pt;Line-Height=100%"><b></b></font>');  
  69. document.write('</td></tr></table>');  
  70. document.write('</td></tr></table>');  
  71. setInterval('refreshCalendarClock()',1000); 
  72. </script> 
  73. </div> 
  74. </body> 
  75. </html> 

 

返回
【上篇】
【下篇】

作者:

抱歉!评论已关闭.

返回首页

Copyright © 2013-2018 学步园  保留所有权利.
软文销售 QQ客服：2265327166 点击这里给我发消息（其他合作也可洽谈）
必威体育
必威电竞