js控制时间每秒自己运动
程序员文章站
2022-05-12 13:09:08
...
这次给大家带来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>
相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!
推荐阅读:
以上就是js控制时间每秒自己运动的详细内容,更多请关注其它相关文章!
上一篇: flv.js的使用详解
下一篇: PHP闭包(Closure)初探
推荐阅读
-
JS时间控制实现动态效果的实例讲解
-
用js计算自己从出生到现在生活了多长时间(x天零x小时零x分钟零x秒) 初学者,大家多多包涵,有不足的地方请多包涵。
-
通过js控制时间,一秒一秒自己动的实例
-
详解Angularjs在控制器(controller.js)中使用过滤器($filter)格式化日期/时间实例
-
vue.js实现格式化时间并每秒更新显示功能示例
-
js动画之在指定时间内实现单方向匀速运动
-
js控制不同的时间段显示不同的css样式的实例代码_javascript技巧
-
js图片闪动特效可以控制间隔时间如几分钟闪动一下_javascript技巧
-
js图片闪动特效可以控制间隔时间如几分钟闪动一下_javascript技巧
-
JS时间控制实现动态效果的实例讲解