javascript 电子时钟
2014-07-01 14:05
357 查看
下面是一个使用javascript实现的电子时钟,源码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>Calculator</title> <script> function displayTime() { var elt = document.getElementById("clock"); var now = new Date(); elt.innerHTML = now.toLocaleTimeString(); setTimeout(displayTime, 1000); } window.onload = displayTime; </script> <style> #clock { font: bold 24pt sans; background-color: #ddf; padding: 10px; border: solid black 2px; border-radius: 10px; } </style> </head> <body> <h1>Digital Clock</h1> <span id="clock"></span> </body> </html>
相关文章推荐
- JavaScript电子时钟倒计时第二款
- [原创]利用php和javascript实现服务器时间电子时钟
- Javascript—简单电子时钟制作总结
- 一款纯JavaScript的圆形电子时钟
- JavaScript电子时钟倒计时
- 用JAVASCRIPT语句实现电子时钟
- Javascript 电子时钟源码
- 使用JavaScript编写图片式电子时钟时间自动更新
- JavaScript电子时钟倒计时
- JavaScript使用计时事件制作的电子时钟
- 用javascript做的一个背景时钟
- 电子时钟
- Qt学习13——电子时钟
- JavaScript实现简单的时钟实例代码
- 桌面小部件----LED电子时钟实现
- JavaScript 时钟实例
- javaScript实现自动时钟
- javascript正则判断电子邮箱格式
- JavaScript验证电子邮箱的函数
- Javascript实现时钟