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)//檢查是否小于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 實時更新當前時間內容請搜索好吧啦網以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持好吧啦網！
相關文章：
1. React+umi+typeScript創(chuàng)建項目的過程2. .Net core 的熱插拔機制的深入探索及卸載問題求救指南3. ASP調用WebService轉化成JSON數據，附json.min.asp4. SharePoint Server 2019新特性介紹5. 三個不常見的 HTML5 實用新特性簡介6. 解決ASP中http狀態(tài)跳轉返回錯誤頁的問題7. ASP中常用的22個FSO文件操作函數整理8. 無線標記語言(WML)基礎之WMLScript 基礎第1/2頁9. ASP.NET Core 5.0中的Host.CreateDefaultBuilder執(zhí)行過程解析10. ASP編碼必備的8條原則
網公網安備