JavaScript實現(xiàn)實時更新系統(tǒng)時間的實例代碼
更新時間：2017年04月04日 09:46:09 作者：qq_31683121
本文給大家分享javascript實現(xiàn)實時更新系統(tǒng)時間的實例代碼，代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的朋友參考下吧
一、Js代碼
function getTime(){
str = "當(dāng)前系統(tǒng)時間："
var p = document.getElementById("sy_time");
time = new Date();
year = time.getFullYear();
month = time.getMonth() + 1;
day = time.getDate();
hour = time.getHours();
minutes = time.getMinutes();
seconds = time.getSeconds();
str = str + year +"-"+ month +"-"+ day + " " +hour+":"+minutes+":"+seconds;
p.innerText = str;
setTimeout(getTime,1000);
}
window.onload = function(){
getTime();
}
二、前端代碼
<!-- 頁面調(diào)用代碼 --> <p id = "sy_time"></p>
以上所述是小編給大家介紹的JavaScript實現(xiàn)實時更新系統(tǒng)時間的實例代碼，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復(fù)大家的，在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
JavaScript返回網(wǎng)頁中錨點數(shù)目的方法
這篇文章主要介紹了JavaScript返回網(wǎng)頁中錨點數(shù)目的方法,涉及javascript使用document.anchors獲取錨點數(shù)目的技巧,非常具有實用價值,需要的朋友可以參考下2015-04-04
AJAX XMLHttpRequest對象創(chuàng)建使用詳解
這篇文章主要介紹了AJAX XMLHttpRequest對象創(chuàng)建使用詳解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-08-08
這篇文章主要介紹了JS表格的動態(tài)操作,結(jié)合完整實例形式詳細(xì)分析了JavaScript針對表格元素的動態(tài)修改與刪除簡單操作技巧,需要的朋友可以參考下2020-01-01
這篇文章主要為大家詳細(xì)介紹了js canvas畫布實現(xiàn)高斯模糊效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-11-11
這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)樓層滾動效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
這篇文章主要介紹了JS實現(xiàn)可展開折疊層的鼠標(biāo)拖曳效果,具有展開折疊層及實時顯示鼠標(biāo)坐標(biāo)位置的功能,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10
使用script的src實現(xiàn)跨域和類似ajax效果
在解決js的跨域問題的時候， 有多種方式， 其中有一種是利用script標(biāo)簽的src屬性，因為這個屬性是不受域名限制的，我們可以直接讓src的這個鏈接指向跨域網(wǎng)站的一個接口， 這個接口返回的是js代碼或者json格式數(shù)據(jù)， 從而實現(xiàn)跨域獲取數(shù)據(jù)。2014-11-11
這篇文章主要為大家詳細(xì)介紹了swiper移動端輪播插件，觸碰圖片之后停止輪播，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-12-12
這篇文章主要介紹了JavaScript原型鏈及常見的繼承方法,文章圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的的參考價值，需要的朋友可以參考一下2022-07-07
這篇文章主要為大家詳細(xì)介紹了原生Js實現(xiàn)日歷掛件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-03-03