JavaScript实时更新当前的时间的示例代码

时间：2021-05-26

实现的效果如下：

时间会实时更新

具体的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()

在控制台上可以实时的打印出当前的时间和星期

ps：js获取当前时间并实时刷新

效果如图：

代码如下：

<html> <head> <title>js获取当前时间并实时刷新</title> <script> //页面加载调用 window.onload=function(){ //每1秒刷新时间 setInterval("NowTime()",1000); } function NowTime(){ var myDate=new Date(); var y = myDate.getFullYear(); var M = myDate.getMonth()+1; //获取当前月份(0-11,0代表1月) var d = myDate.getDate(); //获取当前日(1-31) var h = myDate.getHours(); //获取当前小时数(0-23) var m = myDate.getMinutes(); //获取当前分钟数(0-59) var s = myDate.getSeconds(); //获取当前秒数(0-59) //检查是否小于10 M=check(M); d=check(d); h=check(h); m=check(m); s=check(s); var timestr = y+"-"+M+"-"+d+" "+h+":"+m+":"+s; document.getElementById("nowtime").innerHTML="当前时间：" + timestr; } //时间数字小于10，则在之前加个“0”补位。 function check(i){ var num = (i<10)?("0"+i) : i; return num; } </script> </head> <body> <div id="nowtime">在这里显示时间</div> </body></html>

到此这篇关于JavaScript实时更新当前的时间的文章就介绍到这了,更多相关js 实时更新当前时间内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持！

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章