JavaScript实时更新当前的时间的示例代码
时间:2021-07-19 07:59:17|栏目: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()
在控制台上可以实时的打印出当前的时间和星期
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>