您的位置:首页技术文章
文章详情页

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

【字号: 日期:2023-06-19 10:14:52浏览:46作者:猪猪

实现的效果如下:

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实时更新当前的时间的示例代码

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

效果如图:

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

代码如下:

<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)//检查是否小于10M=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 实时更新当前时间内容请搜索好吧啦网以前的文章或继续浏览下面的相关文章希望大家以后多多支持好吧啦网!

标签: JavaScript
相关文章: