页面代码：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博客 ” ，链接：https://blog.itpub.net/12060579/viewspace-1799891/ ，如需转载，请注明出处，否则将追究法律责任。
上一篇：
jQuery不同iframe之间的取值
请登录后发表评论
登录
全部评论
