快捷導(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)文章

前端深入理解Typescript泛型概念
這篇文章主要介紹了前端深入理解Typescript泛型概念，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2020-03-03
詳解如何使用webpack打包JS
這篇文章主要介紹了詳解如何使用webpack打包JS，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-06-06
從Immutable.js到Redux函數(shù)式編程
這篇文章主要為大家介紹了從Immutable.js到Redux函數(shù)式編程示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-04-04
Webpack優(yōu)化配置縮小文件搜索范圍
這篇文章主要介紹了Webpack優(yōu)化-縮小文件搜索范圍的相關(guān)知識(shí)，文中較詳細(xì)的給大家介紹了可以優(yōu)化的途徑,需要的朋友可以參考下
2017-12-12
如何利用JavaScript?實(shí)現(xiàn)繼承
這篇文章主要介紹了如何利用JavaScript?實(shí)現(xiàn)繼承，JavaScript?在編程語(yǔ)言界是個(gè)特殊種類，它和其他編程語(yǔ)言很不一樣，JavaScript可以在運(yùn)行的時(shí)候動(dòng)態(tài)地改變某個(gè)變量的類型,下面小編將繼續(xù)介紹JavaScript如何實(shí)現(xiàn)繼承,需要的朋友可以參考下
2022-02-02
js設(shè)置組合快捷鍵/tabindex功能的方法
本文主要介紹用js設(shè)置tabindex功能和js設(shè)置組合快捷鍵的方法，很簡(jiǎn)單，這樣可以增強(qiáng)用戶體驗(yàn),方法就在下面
2013-11-11
我也種棵OO樹(shù)JXTree[js+css+xml]
我也種棵OO樹(shù)JXTree[js+css+xml]...
2007-04-04
js get和post請(qǐng)求實(shí)現(xiàn)代碼解析
這篇文章主要介紹了js get和post實(shí)現(xiàn)代碼解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-02-02
一文教會(huì)你提高Javascript代碼效率的技巧
這篇文章主要給大家介紹了關(guān)于提高Javascript代碼效率的技巧,通過(guò)這些技巧可以提高大家工作效率,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-07-07
淺談JavaScript正則表達(dá)式-非捕獲性分組
下面小編就為大家?guī)?lái)一篇JavaScript正則表達(dá)式-非捕獲性分組。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-03-03