【HTML+CSS+JS】前台简单功能之====动态时间显示(适合角落放置)
界面效果如下:
代码如下:
time.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<script type="text/javascript" src="../js/time.js"></script>
</head>
<body>
<p>当前时间:</p>
<div id="time"></div>
</body>
</html>
time.js
var trun = function(sec){
return (sec < 10) ? "0" + sec : sec;
}
var run = function(){
var weeks = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
var d = new Date();
var year = d.getFullYear();
var month = d.getMonth() + 1;
var date = d.getDate();
var hours = d.getHours();
var minutes = d.getMinutes();
var seconds = d.getSeconds();
var day = d.getDay();
var str = year + "-" + trun(month) + "-" + trun(date) + " " + trun(hours) + ":" + trun(minutes) + ":" + trun(seconds) + " " + weeks[day];
document.getElementById("time").innerHTML = str;
//window.setTimeout("run();" , 1000));设置一秒后失效,可以做定时器
}
//window.setTimeout("run();" , 1000));
window.setInterval("run();" , 1000);//设置1秒刷新一次