js實現(xiàn)本地時間同步功能
更新時間:2017年08月26日 15:08:33 作者:路過夏天,不見春秋
這篇文章主要為大家詳細介紹了js實現(xiàn)本地時間同步功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本文實例為大家分享了js實現(xiàn)本地時間同步的具體代碼,供大家參考,具體內(nèi)容如下
HTML代碼
<html> <head> <title>時間</title> <meta charset="utf-8"> </head> <body onload="getTime()"> <span id="nowDateTimeSpan" ></span> </body> </html>
js代碼
//時間 function getTime(){ var ndate = new Date(); var nyear = ndate.getFullYear(); var nmonth = ndate.getMonth()+1; var nday = ndate.getDate(); var nhour = ndate.getHours(); var nminute = ndate.getMinutes(); var nsecond = ndate.getSeconds(); // 如果分鐘或小時的值小于10,則在其值前加0,比如如果時間是下午3點20分9秒的話,則顯示15:20:09 nmonth=checkTime(nmonth); nday=checkTime(nday); nminute=checkTime(nminute); nsecond=checkTime(nsecond); document.getElementById('nowDateTimeSpan').innerHTML=nyear+"-"+nmonth+"-"+nday+" "+nhour+":"+nminute+":"+nsecond; document.getElementById('nowDateTimeSpan1').innerHTML=nyear+"-"+nmonth+"-"+nday+" "+nhour+":"+nminute+":"+nsecond; document.getElementById('nowDateTimeSpan2').innerHTML=nyear+"-"+nmonth+"-"+nday+" "+nhour+":"+nminute+":"+nsecond; document.getElementById('nowDateTimeSpan3').innerHTML=nyear+"-"+nmonth+"-"+nday+" "+nhour+":"+nminute+":"+nsecond; document.getElementById('nowDateTimeSpan4').innerHTML=nyear+"-"+nmonth+"-"+nday+" "+nhour+":"+nminute+":"+nsecond; //setTimeout('getTime()',1000);//每一秒中重新加載startTime()方法 function checkTime(i){ if (i<10){ i="0" + i; } return i; } }
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
你不知道的JS?ES6字符串標(biāo)簽函數(shù)分享
字符串標(biāo)簽函數(shù)是一種特殊的函數(shù)調(diào)用語法,本文將深入探討ES6中字符串標(biāo)簽函數(shù)的工作原理,并結(jié)合具體的代碼展示它的威力,快跟隨小編一起學(xué)習(xí)起來吧2023-06-06Javascript簡單實現(xiàn)面向?qū)ο缶幊汤^承實例代碼
這篇文章主要介紹了Javascript簡單實現(xiàn)面向?qū)ο缶幊汤^承實例代碼,簡單分析了面向?qū)ο蟪绦蛟O(shè)計的特征與繼承的具體實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-11-11基于JavaScript實現(xiàn)前端數(shù)據(jù)多條件篩選功能
這篇文章主要為大家詳細介紹了基于JavaScript實現(xiàn)前端數(shù)據(jù)多條件篩選功能,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-09-09Bootstrap的aria-label和aria-labelledby屬性實例詳解
這篇文章主要介紹了Bootstrap的aria-label和aria-labelledby屬性實例詳解,需要的朋友可以參考下2018-11-11優(yōu)雅而高效的JavaScript?try...catch語句詳解(js異常處理)
這篇文章主要給大家介紹了關(guān)于JavaScript中try...catch語句的相關(guān)資料,也就是js異常處理方法,try...catch是JavaScript中的錯誤處理機制,它的作用是捕獲和處理可能發(fā)生的錯誤,以避免程序崩潰,需要的朋友可以參考下2024-01-01JS設(shè)置自定義快捷鍵并實現(xiàn)圖片上下左右移動
這篇文章主要介紹了JS設(shè)置自定義快捷鍵并實現(xiàn)圖片上下左右移動,文中通過使用自定義熱鍵或者使用鍵盤上下左右鍵移動圖片,以此來實現(xiàn)此功能,需要的朋友可以參考下2019-10-10