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