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