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