这篇文章主要为大家详细介绍了基于 javascript 实现动态时钟效果的相关资料,动态显示系统当前时间,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
实现代码:
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
- <title>
- 动态时钟
- </title>
- <script type="text/javascript">
- //在网页上输出:今天的日期、星期、现在的时间(动态时钟)
- function start() {
- var today = new Date();
- var year = today.getFullYear();
- var month = today.getMonth() + 1;
- var day = today.getDate();
- var hours = today.getHours();
- var minutes = today.getMinutes();
- var seconds = today.getSeconds();
- //如果是单位数字,前面补0
- month = month < 10 ? "0" + month: month;
- day = day < 10 ? "0" + day: day;
- hours = hours < 10 ? "0" + hours: hours;
- minutes = minutes < 10 ? "0" + minutes: minutes;
- seconds = seconds < 10 ? "0" + seconds: seconds;
- //时间信息连成字符串
- var str = "今天是" + year + "年" + month + "月" + day + "日 " + hours + ":" + minutes + ":" + seconds;
- //获取id=result的内容
- var obj = document.getElementById("result");
- obj.innerHTML = str;
- //延时器
- window.setTimeout("start()", 1000);
- }
- </script>
- </head>
- <body onload="start()">
- <div id="result">
- </div>
- </body>
- </html>
希望本文所述对大家学习 javascript 程序设计有所帮助。
来源: http://www.phperz.com/article/17/0410/266951.html