数字时钟（JavaScript ，JQuery）

JS实时日期插件

最新推荐文章于 2023-01-26 15:08:45 发布

最新推荐文章于 2023-01-26 15:08:45 发布 · 227 阅读

文章标签：

#javascript #ViewUI

本文介绍了一个使用JavaScript编写的实时日期显示插件，该插件能够动态地在网页上显示当前日期时间，并通过setTimeout实现每分钟自动更新。此外，代码还包含了如何将星期几加入到时间显示中的方法。

Javascript：

function systemDate(){ //获取系统时间 var date=new Date(); var month=date.getMonth()+1; //month默认0-11，所以要加1 var minutes=date.getMinutes(),Min; var seconds=date.getSeconds(),updateTime; updateTime=60-seconds; minutes<=9 ? Min="0"+minutes : Min=minutes; var week=date.getDay(),day; switch(week){ case 1 : day="星期一";break; case 2 : day="星期二";break; case 3 : day="星期三";break; case 4 : day="星期四";break; case 5 : day="星期五";break; case 6 : day="星期六";break; case 7 : day="星期日";break; } var time=date.getFullYear()+"/"+month+"/"+date.getDate()+" "+date.getHours()+":"+Min+" "+day; $("#updateTime").text(time); //jquery //var container=document.getElementById("updateTime"); //container.innerText=time; //javascript; setTimeout('systemDate()',updateTime*1000); //定时请求时间 }

HTML
<div id="updateTime"></div> //显示数字时钟的容器

自己可以设置容器的样式，(*^__^*) 嘻嘻…… 附上项目里用的截图一张（注：里面没有显示星期）
截图如下：