JavaScript基础学习（六）动态显示时间

最新推荐文章于 2024-05-08 10:44:32 发布

CJM无限Coding

最新推荐文章于 2024-05-08 10:44:32 发布

阅读量306

点赞数 2

分类专栏： JavaScript 文章标签： js js动态显示时间 JavaScript js案例 js小项目

本文链接：https://blog.csdn.net/qq_38992372/article/details/80948801

版权

JavaScript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

案例：动态显示时间

       *得到当前时间
           var data = new Date();
           var d1 = date.toLocaleString();
       *需要让页面每一秒获取时间
           setInterval方法定时器
           setInterval("js代码",毫秒数)；
                       -每3秒执行一次alert方法
                       返回一个id
                       var id1 = window.setInterval("alert('123');",3000);
           setTimeout("js代码",毫秒数)；
                       -表示在毫秒数之后执行，但只会执行一次
                       -4秒之后执行，只执行一次
                       var id2 = window.setTimeout("alert('abc');",4000);
       *显示到页面上
               每一秒向div里面写一次时间
               *使用innerHtML属性

<html>
 <head>
  <style type="text/css">
 

  </style>
 </head>

 <body>
            <div id="times">
            
            </div>
 </body>
 <script type="text/javascript">
    
            function getDate(){
                //当前时间
                var date = new Date();
                //格式化
                var d1 = date.toLocaleString();
                //获取div
                var div1 = document.getElementById("times");
                div1.innerHTML = d1;
            }
            //使用定时器实现每一秒写一次时间
            setInterval("getDate()",1000);
    </script>  
</html>

CJM无限Coding

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript基础学习（六）动态显示时间

案例：动态显示时间 *得到当前时间 var data = new Date(); var d1 = date.toLocaleString(); *需要让页面每一秒获取时间 setInterval方法定时器 setInterval("js代码",毫秒数)； ...
复制链接

扫一扫

专栏目录