javascript系統(tǒng)時間設(shè)置操作示例
本文實例講述了javascript系統(tǒng)時間設(shè)置操作。分享給大家供大家參考,具體如下:
<script> //myTime typeof //object window.onload = function() { var obody = document.body; //設(shè)置一個定時器,每過一秒鐘,自動加一秒 setInterval(fnTime, 1000) //如果不執(zhí)行這個函數(shù),第一次打開時,會過一秒鐘才出來 fnTime(); function fnTime() { var myTime = new Date(); var iYear = myTime.getFullYear(); var iMonth = myTime.getMonth() + 1; var iDate = myTime.getDate(); var iWeek = myTime.getDay(); var iHours = myTime.getHours(); var iMinutes = myTime.getMinutes(); var iSeconds = myTime.getSeconds(); var str = ""; if(iWeek === 0) iWeek = "星期日" if(iWeek === 1) iWeek = "星期一" if(iWeek === 2) iWeek = "星期二" if(iWeek === 3) iWeek = "星期三" if(iWeek === 4) iWeek = "星期四" if(iWeek === 5) iWeek = "星期五" if(iWeek === 6) iWeek = "星期六" str = iYear + "年" + iMonth + "月" + iDate + "日 " + iWeek + " " + toTwo(iHours) + "時" + toTwo(iMinutes) + "分" + toTwo(iSeconds) + "秒" obody.innerHTML = str; } console.log(toTwo(05))//05 console.log(toTwo(15))//15 //這個函數(shù)主要是讓:時分秒到59秒時,再走一秒就變成了0,而不是00,所以要轉(zhuǎn)換一下 function toTwo(n) { /* if(n < 10) { return "0" + n; } else { return "" + n; } */ //我們可以用三目 return n < 10 ? "0" + n : "" + n } } </script>
運行結(jié)果:
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具:http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。
PS:這里再為大家推薦幾款時間及日期相關(guān)工具供大家參考使用:
在線日期/天數(shù)計算器:
http://tools.jb51.net/jisuanqi/date_jisuanqi
在線日期計算器/相差天數(shù)計算器:
http://tools.jb51.net/jisuanqi/datecalc
在線日期天數(shù)差計算器:
http://tools.jb51.net/jisuanqi/onlinedatejsq
Unix時間戳(timestamp)轉(zhuǎn)換工具:
http://tools.jb51.net/code/unixtime
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript時間與日期操作技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
- js顯示當(dāng)前系統(tǒng)時間的代碼
- jsp實現(xiàn)頁面實時顯示當(dāng)前系統(tǒng)時間的方法
- 6種javascript顯示當(dāng)前系統(tǒng)時間代碼
- 基于javascript實現(xiàn)動態(tài)顯示當(dāng)前系統(tǒng)時間
- javascript 顯示當(dāng)前系統(tǒng)時間代碼
- 基于JS代碼實現(xiàn)實時顯示系統(tǒng)時間
- JavaScript實現(xiàn)實時更新系統(tǒng)時間的實例代碼
- JS使用Date對象實時顯示當(dāng)前系統(tǒng)時間簡單示例
- JS 通過系統(tǒng)時間限定動態(tài)添加 select option的實例代碼
- js流動式效果顯示當(dāng)前系統(tǒng)時間
- 純JavaScript實現(xiàn)實時反饋系統(tǒng)時間
- 使用iojs的jsdom庫實現(xiàn)同步系統(tǒng)時間
相關(guān)文章
JavaScript中如何對多維數(shù)組(矩陣)去重的實現(xiàn)
這篇文章主要介紹了JavaScript中如何對多維數(shù)組(矩陣)去重的實現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12交叉觀察器?IntersectionObserver用法詳解
這篇文章主要為大家介紹了交叉觀察器?IntersectionObserver用法詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-10-10當(dāng)鼠標(biāo)滑過超鏈接出現(xiàn)提示框效果實例
當(dāng)鼠標(biāo)滑過超鏈接出現(xiàn)提示框效果實例,需要的朋友可以參考一下2013-04-04淺談js中startsWith 函數(shù)不能在任何瀏覽器兼容的問題
下面小編就為大家?guī)硪黄獪\談js中startsWith 函數(shù)不能在任何瀏覽器兼容的問題。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-03-03WebGL學(xué)習(xí)教程之Three.js學(xué)習(xí)筆記(第一篇)
Three.js是一個js的開源框架,它把webgl的所有東西都封裝好了,我們不再需要去了解webgl那些比較麻煩的細(xì)節(jié),直接在此框架上進(jìn)行開發(fā),既方便,又快捷,而且很容易就能學(xué)習(xí),感興趣的朋友跟隨小編一起看看吧2019-04-04用nodejs實現(xiàn)PHP的print_r函數(shù)代碼
這篇文章主要介紹了用nodejs實現(xiàn)PHP的print_r函數(shù)代碼,需要的朋友可以參考下2014-03-03