JavaScript實(shí)時(shí)更新當(dāng)前的時(shí)間的示例代碼
實(shí)現(xiàn)的效果如下：
時(shí)間會(huì)實(shí)時(shí)更新
具體的JS代碼如下
var dateStart;function start() { dateStart = new Date(); //開(kāi)始時(shí)間 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;//時(shí) 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(’時(shí)間:’+str,’星期:’+week) $(’#ymd’).html(str); $(’#week’).html(week)}start()
在控制臺(tái)上可以實(shí)時(shí)的打印出當(dāng)前的時(shí)間和星期
ps：js獲取當(dāng)前時(shí)間并實(shí)時(shí)刷新
效果如圖：
代碼如下：
<html> <head> <title>js獲取當(dāng)前時(shí)間并實(shí)時(shí)刷新</title> <script> //頁(yè)面加載調(diào)用 window.onload=function(){//每1秒刷新時(shí)間 setInterval('NowTime()',1000); } function NowTime(){var myDate=new Date();var y = myDate.getFullYear();var M = myDate.getMonth()+1; //獲取當(dāng)前月份(0-11,0代表1月)var d = myDate.getDate(); //獲取當(dāng)前日(1-31)var h = myDate.getHours(); //獲取當(dāng)前小時(shí)數(shù)(0-23)var m = myDate.getMinutes(); //獲取當(dāng)前分鐘數(shù)(0-59)var s = myDate.getSeconds(); //獲取當(dāng)前秒數(shù)(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='當(dāng)前時(shí)間：' + timestr; } //時(shí)間數(shù)字小于10，則在之前加個(gè)“0”補(bǔ)位。 function check(i){var num = (i<10)?('0'+i) : i;return num; } </script> </head> <body> <div id='nowtime'>在這里顯示時(shí)間</div> </body></html>
到此這篇關(guān)于JavaScript實(shí)時(shí)更新當(dāng)前的時(shí)間的文章就介紹到這了,更多相關(guān)js 實(shí)時(shí)更新當(dāng)前時(shí)間內(nèi)容請(qǐng)搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)！
相關(guān)文章：
1. .NET SkiaSharp 生成二維碼驗(yàn)證碼及指定區(qū)域截取方法實(shí)現(xiàn)2. css代碼優(yōu)化的12個(gè)技巧3. HTTP協(xié)議常用的請(qǐng)求頭和響應(yīng)頭響應(yīng)詳解說(shuō)明（學(xué)習(xí)）4. ASP.NET MVC通過(guò)勾選checkbox更改select的內(nèi)容5. CentOS郵件服務(wù)器搭建系列—— POP / IMAP 服務(wù)器的構(gòu)建（ Dovecot ）6. IntelliJ IDEA創(chuàng)建web項(xiàng)目的方法7. Django使用HTTP協(xié)議向服務(wù)器傳參方式小結(jié)8. idea設(shè)置提示不區(qū)分大小寫(xiě)的方法9. 原生JS實(shí)現(xiàn)記憶翻牌游戲10. ASP中實(shí)現(xiàn)字符部位類似.NET里String對(duì)象的PadLeft和PadRight函數(shù)
網(wǎng)公網(wǎng)安備