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

最新推荐文章于 2023-11-30 16:55:10 发布

Foryourfuture

最新推荐文章于 2023-11-30 16:55:10 发布

阅读量815

点赞数

本文链接：https://blog.csdn.net/qq_36190858/article/details/86152204

版权

用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 阅读( ...) 评论( ...) 编辑收藏

Foryourfuture

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
用JS实现实时显示系统时间

用JS实现实时显示系统时间废话我就不多说了，直接上图和代码了效果图：代码视图：下面为大家附上代码，复制即可用：&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;&lt;meta charset="UTF-8"&gt;&lt;title&gt;J
复制链接

扫一扫