网页时钟的操作

最新推荐文章于 2024-05-30 07:58:39 发布

没有蜡笔的小新o

最新推荐文章于 2024-05-30 07:58:39 发布

阅读量499

点赞数 1

文章标签： linq html p2p

本文链接：https://blog.csdn.net/weixin_45254402/article/details/124674371

版权

<html>
   <head>
       <meta charset="utf-8">
       <title>10_网页时钟</title>
   </head>
   <body>
       <h3>当前系统时间是:</h3>
       <span id="spanTip"></span>
   </body>
   <script>
       function generateDate(){
           //1)获取当前系统时间
           //1.1)创建日期对象
           var date = new Date() ;
           //1.2)拼接出来时间字符串
           var dateStr = date.getFullYear()+"-"+(date.getMonth()+1)+"-"
           +date.getDate()+"  "+date.getHours()+":"+date.getMinutes()+":"+
           date.getSeconds() ;

           //2)dom(文档对象模型编程)操作:
           //2.1)获取id="spanTip" 所在的span标签对象
           var span = document.getElementById("spanTip") ;
           //2.2)设置span标签的文本内容
           span.innerHTML ="<h3>"+dateStr+"</h3>" ;
       }

           //3)开启网页定时器
           //setInterval("定时任务()",时间毫秒值):每经过时间毫秒值重复执行这个定时任务..
           //setTimeout("定时任务()",时间毫秒值):经过这个毫秒值之后,执行一次定时任务..

           setInterval("generateDate()",1000) ; //每1秒重复执行生成时间的任务
   </script>
</html>

没有蜡笔的小新o

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
网页时钟的操作

<html> <head> <meta charset="utf-8"> <title>10_网页时钟</title> </head> <body> <h3>当前系统时间是:</h3> <span id="spanTip"></span> </body> <...
复制链接

扫一扫