成都网站建设设计

将想法与焦点和您一起共享

JavaScript如何实时更新当前的时间-创新互联

创新互联www.cdcxhl.cn八线动态BGP香港云服务器提供商,新人活动买多久送多久,划算不套路!

创新互联建站自2013年创立以来,先为宣化等服务建站,宣化等地企业,进行企业商务咨询服务。为宣化企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

这篇文章主要讲解了JavaScript如何实时更新当前的时间,内容清晰明了,对此有兴趣的小伙伴可以学习一下,相信大家阅读完之后会有帮助。

实现的效果如下:

JavaScript如何实时更新当前的时间

时间会实时更新

具体的JS代码如下

var dateStart;
function start() {
 dateStart = new Date(); //开始时间
 startTime();
}
function startTime() {
 set = window.setTimeout("startTime()", 1000);
 var dt = new Date();
 var day = dt.getDay();
 var weeks = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");
 var week = weeks[day];
 var year = dt.getFullYear();//年
 var month = dt.getMonth() + 1;//月
 var date = dt.getDate();//日
 var h = dt.getHours();
 if (h < 10) h = '0' + h;//时
 var i = dt.getMinutes();
 if (i < 10) i = '0' + i;//分
 var s = dt.getSeconds();
 if (s < 10) s = '0' + s;//秒
 var str = year + "年"+ month + "月" + date + "日" + h + ':' + i + ':' + s;
 console.log('时间:'+str,'星期:'+week)
 $('#ymd').html(str);
 $('#week').html(week)

}
start()

名称栏目:JavaScript如何实时更新当前的时间-创新互联
转载源于:http://chengdu.cdxwcx.cn/article/hjshp.html