通過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)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

js 顯示日期時間的實例(時間過一秒加1)

相關(guān)文章

javascript AutoScroller 函數(shù)類
javascript AutoScroller 自動滾動類代碼，學(xué)習(xí)類的朋友可以參考下。
2009-05-05
LayUI—tree樹形結(jié)構(gòu)的使用解析
這篇文章主要介紹了LayUI—tree樹形結(jié)構(gòu)的使用，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-10-10
判斷訪客終端類型集錦
本文給大家講解的是使用php和javascript實現(xiàn)的判斷訪客終端類型的方法集錦，十分的簡單實用，有需要的小伙伴可以參考下。
2015-06-06
JS實現(xiàn)將手機號中間的幾位數(shù)字變成****功能
這篇文章主要介紹了用js如何實現(xiàn)將手機號中間的幾位數(shù)字變成****?_,今天，我們要實現(xiàn)一個很常見并且簡單的功能如何將手機號中間的幾位數(shù)變成****，需要的朋友可以參考下
2023-09-09
JS中的繼承操作實例總結(jié)
這篇文章主要介紹了JS中的繼承操作,結(jié)合實例形式總結(jié)分析了JS中的原型鏈繼承、構(gòu)造函數(shù)繼承、組合繼承、class繼承等常見繼承操作實現(xiàn)技巧,需要的朋友可以參考下
2020-06-06
javascript GUID生成器實現(xiàn)代碼
javascript GUID生成器實現(xiàn)代碼, 需要的朋友可以參考下。
2009-10-10
JS實現(xiàn)的倒計時效果實例(2則實例)
這篇文章主要介紹了JS實現(xiàn)的倒計時效果,列舉了兩則JavaScript倒計時效果代碼供大家參考,原理基本相似,代碼簡潔實用,需要的朋友可以參考下
2015-12-12
javascript 防止刷新,后退,關(guān)閉
常常會用到的停留頁面的操作.兼容IE,FF.實現(xiàn)代碼如下。
2010-08-08
單元測試框架Jest搭配TypeScript的安裝與配置方式
這篇文章主要介紹了單元測試框架Jest搭配TypeScript的安裝與配置方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2023-01-01
學(xué)習(xí)使用bootstrap3柵格系統(tǒng)
這篇文章主要教會大家學(xué)習(xí)使用bootstrap3柵格系統(tǒng)，bootstrap開發(fā)環(huán)境搭建，還介紹了柵格系統(tǒng)的類型，感興趣的小伙伴們可以參考一下
2016-04-04