本文主要為大家帶來一個透過js控制時間,一秒一秒自己動的實例。小編覺得蠻不錯的,現在就分享給大家,也給大家做個參考。一起跟著小編過來看看吧,希望能幫助大家。
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> <p style="text-align:center;"> 当前时间:<input type="text" name="timeBox" id="time" /> </p> </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控制時間一秒一秒自己動的詳細內容。更多資訊請關注PHP中文網其他相關文章!