JavaScript實時更新當前的時間的示例程式碼
阿新 • • 發佈:2020-07-16
實現的效果如下:
時間會實時更新
具體的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 實時更新當前時間內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們!