用JS实现实时显示系统时间

废话我就不多说了，直接上图和代码了 

效果图：

 

 

代码视图：

 

 下面为大家附上代码，复制即可用：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS时间</title>
<style>
</style>        
</head>
<body>
<div id="time"></div>
<script type="text/javascript">
function time(){
var vWeek,vWeek_s,vDay;
vWeek = ["星期天","星期一","星期二","星期三","星期四","星期五","星期六"];
var date =  new Date();
year = date.getFullYear();
month = date.getMonth() + 1;
day = date.getDate();
hours = date.getHours();
minutes = date.getMinutes();
seconds = date.getSeconds();
vWeek_s = date.getDay();
document.getElementById("time").innerHTML = year + "年" + month + "月" + day + "日" + "\t" + hours + ":" + minutes +":" + seconds + "\t" + vWeek[vWeek_s] ;

};
setInterval("time()",1000);

</script>
</body>
</html>

 

如果有错误或者有更好的方法实现效果，欢迎您来指导！！！

 

posted @ 2017-10-27 13:32  Foryourfuture  阅读(24473)  评论(0)  编辑  收藏  举报