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

2019-11-19 15:05:10

字体：大中小

来源：转载

供稿：网友

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

上一篇：parabola.js抛物线与加入购物车效果的示例代码

下一篇：js 显示日期时间的实例(时间过一秒加1)