您好,欢迎来到步遥情感网。
搜索
您的当前位置:首页.html 实时改变,js实时显示时间(自动变化)代码

.html 实时改变,js实时显示时间(自动变化)代码

来源:步遥情感网

html代码:

js代码(简单版):

setInterval(function(){ document.getElementById("currentTime").innerHTML=new Date().toLocaleString(); },1000);

js代码(高级版):

setInterval(function () { fnDate(); }, 1000);

//js 获取当前时间 function fnDate() {     var oDiv = document.getElementById("currentTime");     var date = new Date();     var year = date.getFullYear();     var month = date.getMonth();     var data = date.getDate();     var hours = date.getHours();     var minute = date.getMinutes();     var second = date.getSeconds();     var time = year + "-" + fnW((month + 1)) + "-" + fnW(data) + " " + fnW(hours) + ":" + fnW(minute) + ":" + fnW(second);     var a = new Array("日", "一", "二", "三", "四", "五", "六");     var week = new Date().getDay();     var str = "星期" + a[week];     oDiv.innerHTML = time + " " + str; } //补位 当某个字段不是两位数时补0 function fnW(str){return str > 9 ? str : "0"+str;}

注:高级版实现了时间补全与星期显示。

因篇幅问题不能全部显示,请点此查看更多更全内容

Copyright © 2019- obuygou.com 版权所有 赣ICP备2024042798号-5

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务