运用js让html自动更新时间
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>dataDemo</title>
<style type="text/css">
</style>
</head>
<body>
<div>
当前时间:
<input id="clock"></input>
</div>
<div>
当前时间:
<span id="dateString"></span>
</div>
</body>
<script>
// 每秒执行
setInterval("setDate()",1000);
// 设置时间
function setDate(){
var t = new Date().format("yyyy-MM-dd hh:mm:ss");
document.getElementById("clock").value= t;
document.getElementById("dateString").innerText = t + "";
}
/* 时间转换工具 */
Date.prototype.format = function(fmt) {
var o = {
"M+": this.getMonth() + 1, //月份
"d+": this.getDate(), //日
"h+": this.getHours(), //小时
"m+": this.getMinutes(), //分
"s+": this.getSeconds(), //秒
"q+": Math.floor((this.getMonth() + 3) / 3), //季度
"S": this.getMilliseconds() //毫秒
};
if (/(y+)/.test(fmt)) {
fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
}
for (var k in o) {
if (new RegExp("(" + k + ")").test(fmt)) {
fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
}
}
return fmt;
}
</script>
</html>