js时钟程序

来源：互联网发布：王尼玛有没有开淘宝店编辑：程序博客网时间：2024/05/23 01:38

js时钟程序

<!DOCTYPE html><html><head><meta charset="UTF-8"><style type="text/css">img{width: 25px;height: 25px;}</style><title>时钟</title><script type="text/javascript">function getImg(val) {var len=val.length;var images="";for (var i = 0; i < len; i++) {var num=val.substr(i,1);switch(num){case '0' : images += "<img src='images/0.png' />";break;case '1' : images += "<img src='images/1.png' />";break;case '2': images += "<img src='images/2.png' />";break;case '3' : images += "<img src='images/3.png' />";break;case '4' : images += "<img src='images/4.png' />";break;case '5' : images += "<img src='images/5.png' />";break;case '6' : images += "<img src='images/6.png' />";break;case '7': images += "<img src='images/7.png' />";break;case '8': images += "<img src='images/8.png' />";break;case '9' : images += "<img src='images/9.png' />";break;}}return images;}function times() {var dv=document.getElementById('m');var date=new Date();var year=date.getFullYear()+"";var months=date.getMonth()+1;months=months<10?'0'+months:months+"";var day =date.getDate();day=day<10?'0'+day:day+"";var hours=date.getHours();hours=hours<10?'0'+hours:hours+"";var minutes=date.getMinutes();minutes=minutes<10?'0'+minutes:minutes+"";var seconds=date.getSeconds();seconds=seconds<10?'0'+seconds:seconds+"";dv.innerHTML = getImg(year)+'年'+ getImg(months)+'月'+getImg(day)+'日' + getImg(hours)+'时'+ getImg(minutes)+'分'+ getImg(seconds)+'秒';}var interval=0;function autoadd(){clearInterval(interval);interval=setInterval("times()",1000);}</script></head><body onLoad="autoadd()"><center><br><br><br><br><br><div id="m"></div></center></body></html>

<html>  <head>      <script type="text/javascript" src="js/jquery.js"></script>  <script type="text/javascript">      function setTime() {          date = new Date();          String          date_cn = "";          String          dateStr = "";          switch (date.getDay()) {          case 0:              date_cn = "日";              break;          case 1:              date_cn = "一";              break;          case 2:              date_cn = "二";              break;          case 3:              date_cn = "三";              break;          case 4:              date_cn = "四";              break;          case 5:              date_cn = "五";              break;          case 6:              date_cn = "六";              break;          }          dateStr = (1900 + date.getYear()) + "年" + (date.getMonth() + 1) + "月"                  + date.getDate()+"日" + date.getHours()+"时"+date.getMinutes()+"分"+date.getSeconds()+"秒(星期" + date_cn + ")";          $("#clock").text(dateStr);      }      $(document).ready(function(){         setInterval(setTime,1000);      });        </script>  </head>    <body>           <p id="clock">时钟功能</p>  </body></html>

下载地址 http://download.csdn.net/detail/zhupengqq/9885630

阅读全文

0 0