CSS代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<!--引入js文件-->
<script type="text/javascript" src="js/date.js" ></script>
</head>
<body>
<span id="dateSpan"></span>
</body>
</html>
JS代码
//声明一个变量装dateSpan
var dateSpan;
//窗体加载时运行
window.onload=function(){
//通过JSdocument对象获取
dateSpan = document.getElementById("dateSpan");
showtime();
}
function showtime(){
var d = new Date();
//因为默认month是从0-11的
dateSpan.innerHTML = d.getFullYear()+"-"+ dateformat((d.getMonth()+1))+"-"+ dateformat(d.getDate())+" "+dateformat(d.getHours())+":"+dateformat(d.getMinutes())+":"+dateformat(d.getSeconds());
//每隔一秒执行一次
setTimeout(showtime,1000);
}
//时间格式化
function dateformat(t){
//三目运算
return t>=10?t:"0"+t;
}
效果图
