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;"> 當前時間：<input type="text" name="timeBox" id="time" /> </div> </body></html>2、第二種形式
<html> <head> <title>時間</title> <script type="text/javascript"> //獲得當前時間,刻度為一千分一秒 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控制時間,一秒一秒自己動的實例就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持錯新站長站。
新聞熱點
疑難解答
圖片精選
