Javascript 电子时钟源码
2014-06-01 19:48
369 查看
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script type="text/javascript"> window.onload = function () { //有一秒钟的延迟,所以onload的时候需要先执行一次 move(); setInterval(move, 1000); } function move() { var oDate = new Date(); var str = toTwo(oDate.getHours()) + toTwo(oDate.getMinutes()) + toTwo(oDate.getSeconds()); var aImg = document.getElementsByTagName("img"); for (var i = 0; i < aImg.length; i++) { //str[i]这种写法只有高版本浏览器兼容,所以最好换成charAt // aImg[i].src = "images/" + str[i] + ".jpg"; aImg[i].src = "images/" + str.charAt(i) + ".jpg"; } } //个位数的补零 function toTwo(n) { if (n < 10) { return '0' + n; } else { return n.toString(); } } //日期方法拓展 function getTime(){ var oDate = new Date(); oDate.getDate();//日期 oDate.getFullYear();//年 oDate.getMonth() + 1;//月 oDate.getDay();//星期,从零开始的,0是星期日,1是星期一 } </script> </head> <body> <img src="images/0.jpg" /> <img src="images/0.jpg" /> : <img src="images/0.jpg" /> <img src="images/0.jpg" /> : <img src="images/0.jpg" /> <img src="images/0.jpg" /> </body> </html>
相关文章推荐
- 显示时钟的JavaScript源码
- 一款纯JavaScript的圆形电子时钟
- [原创]利用php和javascript实现服务器时间电子时钟
- JavaScript电子时钟倒计时
- JavaScript电子时钟倒计时第二款
- JavaScript电子时钟倒计时
- javascript 电子时钟
- JavaScript使用计时事件制作的电子时钟
- Javascript—简单电子时钟制作总结
- 使用JavaScript编写图片式电子时钟时间自动更新
- 用JAVASCRIPT语句实现电子时钟
- JavaScript时钟间隔的问题~
- XNA最新免费教程电子书籍下载(附带源码),目前发布第1、2、3章(强烈推荐)
- 页面源码保护Javascript代码(转贴)
- JavaScript时钟间隔的问题~
- 再谈JavaScript时钟中的16ms精度问题.
- javascript 时钟代码 自动时间
- JavaScript时钟间隔的问题~
- Javascript实现图片位置控制(鼠标拖拽 + 键盘方向键移动)源码分享
- JavaScript简单通用表单验证源码