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

Posted Foryourfuture

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了用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>

 

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

 

以上是关于用JS实现实时显示系统时间的主要内容,如果未能解决你的问题,请参考以下文章

angularJS使用ocLazyLoad实现js延迟加载

JS 5秒倒计时的代码怎么写?时间要实时显示在屏幕上的。

用JS实时调用数据显示在HTML页面上

前端上传文件实时显示进度条和上传速度的工作原理是怎样的?

js实现的实时自动更新的时间效果

webSocket实现数据的实时推送(附:前后端代码)