快捷導(dǎo)航

純js實(shí)現(xiàn)動(dòng)態(tài)時(shí)間顯示

更新時(shí)間：2020年09月07日 13:48:08 作者：開(kāi)心陽(yáng)

這篇文章主要為大家詳細(xì)介紹了純js實(shí)現(xiàn)動(dòng)態(tài)時(shí)間顯示，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了js動(dòng)態(tài)時(shí)間顯示的具體代碼，供大家參考，具體內(nèi)容如下

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>js動(dòng)態(tài)時(shí)間顯示 </title>
</head>

<body id = "show">
 
<script>
 
 
 function run(){
 var time = new Date();//獲取系統(tǒng)當(dāng)前時(shí)間
 var year = time.getFullYear();
 var month = time.getMonth()+1;
 var date= time.getDate();//系統(tǒng)時(shí)間月份中的日
 var day = time.getDay();//系統(tǒng)時(shí)間中的星期值
 var weeks = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
 var week = weeks[day];//顯示為星期幾
 var hour = time.getHours();
 var minutes = time.getMinutes();
 var seconds = time.getSeconds();
 console.log(seconds);
 if(month<10){
 month = "0"+month; 
 }
 if(date<10){
 date = "0"+date; 
 }
 if(hour<10){
 hour = "0"+hour; 
 }
 if(minutes<10){
 minutes = "0"+minutes; 
 }
 if(seconds<10){
 seconds = "0"+seconds; 
 }
 //var newDate = year+"年"+month+"月"+date+"日"+week+hour+":"+minutes+":"+seconds;
 document.getElementById("show").innerHTML = year+"年"+month+"月"+date+"日"+week+hour+":"+minutes+":"+seconds;
 setTimeout('run()',1000);
 }
 
 run();

 
 
</script>
</body>
</html>

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

js對(duì)象之JS入門(mén)之Array對(duì)象操作小結(jié)
每天一對(duì)象,今天我們也來(lái)new一個(gè)。沒(méi)有系統(tǒng)的學(xué)過(guò)JS，沒(méi)有特別的寫(xiě)過(guò)一個(gè)比較出色的類(lèi)庫(kù)，沒(méi)有運(yùn)用過(guò)一個(gè)很強(qiáng)的類(lèi)庫(kù)，prototype.js在進(jìn)行著，慢慢的前進(jìn)相信不久的將來(lái)就可以應(yīng)用prototype.js來(lái)開(kāi)發(fā)自己的應(yīng)用程序了。
2011-01-01
一個(gè)不用onmouseup的拖動(dòng)函數(shù)
一個(gè)不用onmouseup的拖動(dòng)函數(shù)...
2007-05-05
微信小程序的線程架構(gòu)【推薦】
這篇文章主要介紹了微信小程序的線程架構(gòu)，每個(gè)小程序包含一個(gè)描述整體程序的app實(shí)例和多個(gè)描述頁(yè)面的page，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下
2019-05-05
js中?new?Date().getTime()得到的是毫秒數(shù)時(shí)間戳
今天在寫(xiě)一個(gè)函數(shù)的時(shí)候需要用的一個(gè)時(shí)間戳方便調(diào)用不同的隨機(jī)數(shù)?那么時(shí)間戳就是比較好的方式，主要怕瀏覽器緩存數(shù)據(jù)，下面就為大家簡(jiǎn)單介紹一下
2023-07-07
Bootstrap基本樣式學(xué)習(xí)筆記之圖片(6)
這篇文章主要介紹了Bootstrap學(xué)習(xí)筆記之圖片基本樣式的相關(guān)資料,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-12-12
JavaScript面試中常考的字符串操作方法大全(包含ES6)
對(duì)于JavaScript字符串操作方法，你真的全部掌握了嗎？來(lái)看看這篇面試中常考的字符串操作大全，包含最新的ES6字符串操作方法，值得收藏哦
2020-05-05
前端強(qiáng)制刷新、清空緩存各種方法總結(jié)
這篇文章主要介紹了在遇到數(shù)據(jù)或邏輯未成功更新問(wèn)題時(shí),如何通過(guò)刷新頁(yè)面、設(shè)置、清除緩存等方法進(jìn)行解決,文中通過(guò)圖文將各種情況下清空緩存的方案介紹的非常詳細(xì),需要的朋友可以參考下
2025-02-02
element 中 el-menu 組件的無(wú)限極循環(huán)思路代碼詳解
這篇文章主要介紹了element 中 el-menu 組件的無(wú)限極循環(huán),本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2020-04-04
淺談javascript事件取消和阻止冒泡
這篇文章主要介紹了淺談javascript事件取消和阻止冒泡的方法和示例，有需要的小伙伴可以參考下。
2015-05-05
JS去除字符串的空格增強(qiáng)版(可以去除中間的空格)
之前發(fā)了不少了去除字符串空格的代碼，但都是去除開(kāi)始與結(jié)尾的，下面的這段代碼可以去除中間的。
2009-08-08