页面代码:clock.html
对应的js文件:clock.js
显示效果:
点击(此处)折叠或打开
- <!DOCTYPE html>
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
- <title>时钟</title>
- </head>
- <body>
- <span id="clock"> </span>
- </body>
- <script type="text/javascript" src="clock.js" charset=“utf-8”></script>
- </html>
点击(此处)折叠或打开
- /**
- * 时间显示
- */
- function Clock() {
- var date = new Date();
- this.year = date.getFullYear();
- this.month = date.getMonth() + 1;
- this.date = date.getDate();
- this.day = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六")[date.getDay()];
- this.hour = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
- this.minute = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
- this.second = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
-
- // 日期显示
- this.toString = function() {
- return "日期:" + this.year + "-" + this.month + "-" + this.date + "-" + this.hour + ":" + this.minute + ":" + this.second + " " + this.day;
- };
-
- this.toSimpleDate = function() {
- return this.year + "-" + this.month + "-" + this.date;
- };
-
- this.toDetailDate = function() {
- return this.year + "-" + this.month + "-" + this.date + " " + this.hour + ":" + this.minute + ":" + this.second;
- };
-
- this.display = function(ele) {
- var clock = new Clock();
- ele.innerHTML = clock.toString();
- window.setTimeout(function() {
- clock.display(ele);
- }, 1000);
- };
- }
-
- var clock = new Clock();
- clock.display(document.getElementById("clock"));
来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/12060579/viewspace-1799891/,如需转载,请注明出处,否则将追究法律责任。
转载于:http://blog.itpub.net/12060579/viewspace-1799891/