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

时间:2022-08-21 20:37:54

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

效果图:

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

 

代码视图:

用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>

 

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