通过js控制时间,一秒一秒自己动的实例

时间：2021-05-25

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控制时间,一秒一秒自己动的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章