js控制时间每秒自己运动

来源：动视网责编：小采时间：2020-11-27 19:54:35

js控制时间每秒自己运动

js控制时间每秒自己运动:这次给大家带来js控制时间每秒自己运动，js控制时间每秒自己运动的注意事项有哪些，下面就是实战案例，一起来看一下。1、第一种形式 <html> <head> <title>时间</title> <script type="text/j

推荐度：

点击下载本文 文档为doc格式

导读js控制时间每秒自己运动:这次给大家带来js控制时间每秒自己运动，js控制时间每秒自己运动的注意事项有哪些，下面就是实战案例，一起来看一下。1、第一种形式 <html> <head> <title>时间</title> <script type="text/j

这次给大家带来js控制时间每秒自己运动，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>

相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！

js控制时间每秒自己运动

推荐度：

点击下载本文 文档为doc格式

标签：控制运动时间

热门焦点

js控制时间每秒自己运动

js控制时间每秒自己运动

js控制时间每秒自己运动

最新推荐

猜你喜欢

热门推荐