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

来源：互联网发布：saas框架源码编辑：程序博客网时间：2024/04/30 18:39

1、第一种形式

1. <html>

2. <head>

3. <title>时间</title>

4. <script type="text/javascript">

5. setInterval("showtime()", 1000);

6. function showtime() {

7. var date = new Date();

8. var time = date.getHours() + ":" + date.getMinutes() + ":"

9. + date.getSeconds();

10. document.getElementById("timeBox").value = time;

11. }

12. </script>

13. </head>

14. <body>

15. <div style="text-align:center;">

16. 当前时间：<input type="text" name="timeBox" id="time" />

17. </div>

18. </body>

19. </html>

2、第二种形式

1. <html>

2. <head>

3. <title>时间</title>

4. <script type="text/javascript">

5. //获得当前时间,刻度为一千分一秒

6. function showLeftTime() {

7. var now = new Date();

8. var year = now.getFullYear();

9. var month = now.getMonth() + 1;

10. var day = now.getDate();

11. var hours = now.getHours();

12. var minutes = now.getMinutes();

13. var seconds = now.getSeconds();

14. document.all.show.innerHTML = "" + year + "年" + month + "月" + day + "日</br> " + hours + ":" + minutes + ":" + seconds + "";

15. //document.getElementById("show").innerHTML = "" + year + "年" + month + "月" + day + "日</br> " + hours + ":" + minutes + ":" + seconds + "";

16.

17. //一秒刷新一次显示时间

18. setTimeout(showLeftTime, 1000);

19. }

20.

21. </script>

22. </head>

23. <body onload="showLeftTime()">

24. <label id="show"></label><br/>

25. <!-- <script type="text/javaScript">

26. showLeftTime();

27. </script> -->

28. </body>

29. </html>

0 0