通過(guò)js控制時(shí)間,一秒一秒自己動(dòng)的實(shí)例
更新時(shí)間：2017年10月25日 11:14:38 作者：z1074907546
下面小編就為大家?guī)?lái)一篇通過(guò)js控制時(shí)間,一秒一秒自己動(dòng)的實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
1、第一種形式
<html>
<head>
<title>時(shí)間</title>
<script type="text/javascript">
setInterval("showtime()", 1000);
function showtime() {
var date = new Date();
var time = date.getHours() + ":" + date.getMinutes() + ":"
+ date.getSeconds();
document.getElementById("timeBox").value = time;
}
</script>
</head>
<body>
<div style="text-align:center;">
當(dāng)前時(shí)間：<input type="text" name="timeBox" id="time" />
</div>
</body>
</html>
2、第二種形式
<html>
<head>
<title>時(shí)間</title>
<script type="text/javascript">
//獲得當(dāng)前時(shí)間,刻度為一千分一秒
function showLeftTime() {
var now = new Date();
var year = now.getFullYear();
var month = now.getMonth() + 1;
var day = now.getDate();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds();
document.all.show.innerHTML = "" + year + "年" + month + "月" + day + "日</br> " + hours + ":" + minutes + ":" + seconds + "";
//document.getElementById("show").innerHTML = "" + year + "年" + month + "月" + day + "日</br> " + hours + ":" + minutes + ":" + seconds + "";
//一秒刷新一次顯示時(shí)間
setTimeout(showLeftTime, 1000);
}
</script>
</head>
<body onload="showLeftTime()">
<label id="show"></label><br/>
<!-- <script type="text/javaScript">
showLeftTime();
</script> -->
</body>
</html>
以上這篇通過(guò)js控制時(shí)間,一秒一秒自己動(dòng)的實(shí)例就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
javascript學(xué)習(xí)隨筆(編寫(xiě)瀏覽器腳本 Navigator Scripting )
javascript學(xué)習(xí)隨筆(編寫(xiě)瀏覽器腳本 Navigator Scripting )...2007-03-03
es6 for循環(huán)中l(wèi)et和var區(qū)別詳解
這篇文章主要介紹了es6 for循環(huán)中l(wèi)et和var區(qū)別詳解,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-01-01
這篇文章主要介紹了基于BootStrap的圖片輪播效果展示實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2016-05-05
javascript自定義右鍵彈出菜單實(shí)現(xiàn)方法
這篇文章主要介紹了javascript自定義右鍵彈出菜單實(shí)現(xiàn)方法,涉及javascript操作鼠標(biāo)事件及頁(yè)面元素的相關(guān)技巧,需要的朋友可以參考下2015-05-05
JavaScript實(shí)現(xiàn)復(fù)選框全選或全取消操作
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)復(fù)選框全選或全取消操作，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
JS對(duì)象類(lèi)型賦值和原生類(lèi)型賦值原理解析
在本文中,我試圖以最簡(jiǎn)潔的方式來(lái)闡明JavaScript編程原理中對(duì)象類(lèi)型賦值和原生類(lèi)型賦值之間的區(qū)別,以及它們各自是如何工作的,感興趣的朋友跟隨小編一起看看吧2023-09-09
JavaScript實(shí)現(xiàn)九宮格移動(dòng)拼圖游戲
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)九宮格移動(dòng)拼圖游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
js實(shí)現(xiàn)屏蔽默認(rèn)快捷鍵調(diào)用自定義事件示例
本文要說(shuō)的是如何屏蔽默認(rèn)的快捷鍵后去執(zhí)行自定義的事件，下面以一個(gè)textarea中enter進(jìn)行保存的例子為大家詳細(xì)介紹下，感興趣的朋友可以參考下哈2013-06-06
JavaScript 冒泡排序和選擇排序的實(shí)現(xiàn)代碼
本文通過(guò)實(shí)例代碼給大家介紹了js冒泡排序和選擇排序的實(shí)現(xiàn)代碼，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起學(xué)習(xí)吧2016-09-09
下面小編就為大家?guī)?lái)一篇js防阻塞加載的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-09-09