JavaScript显示时间自动走动

最新推荐文章于 2024-07-19 16:01:43 发布

雪酒呀

最新推荐文章于 2024-07-19 16:01:43 发布

阅读量796

点赞数

分类专栏： javaScript习题文章标签： javascript window js

本文链接：https://blog.csdn.net/Willow_Spring/article/details/117966604

版权

JavaScript DOM操作时间显示实时更新停止控制

关键词由CSDN通过智能技术生成

javaScript习题专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<body>
    <a href="#" id="time"></a>
    <button>停止</button>

    <!-- <script>

            var  time1  =  window.setInterval('timeShow()',  1000);  
            timeShow();  
            function  timeShow()  {    
                var  today  =  new  Date();     
                var  intYears  =  today.getFullYear();     
                intMonths  =  today.getMonth()  +  1;     
                intDates  =  today.getDate();     
                intHours  =  today.getHours();    
                intMinutes  =  today.getMinutes();     
                intSeconds  =  today.getSeconds();     
                intWeeks  =  today.getDay();     
                years  =  intYears  +  '年';    
                intMonths

                    <
                     10  ?  months  =  '0'  +  intMonths  +  '月'  :  months  =  intMonths  +  '月';    
                intDates  <  10  ?  dates  =  '0'  +  intDates  +  '日'  :  dates  =  intDates  +  '日';    
                var  week  =   ['星期日',  '星期一',  '星期二',  '星期三',  '星期四',  '星期五',  '星期六'];    
                weeks  =  week[intWeeks]  +
                    ' ';    
                if  (intHours  ==  0)  {      
                    hours  =  '00:';    
                } 
                else  if  (intHours  <  10)  {      
                    hours  =  '0'  +  intHours  +  ':';    
                } 
                else  {      
                    hours  =  intHours  +  ":";    
                }    
                if  (intMinutes  ==  0)  {      
                    minutes  =  '00';    
                } 
                else  if  (intMinutes  <  10)  {      
                    minutes  =  '0'  +  intMinutes;    
                } 
                else  {      
                    minutes  =  intMinutes +  ":";    
                }    
                if  (intSeconds  ==  0)  {      
                    seconds  =  '00';    
                } 
                else  if  (intSeconds  <  10)  {      
                    seconds  =  '0'  +  intSeconds;    
                } 
                else  {      
                    seconds  = intSeconds;    
                }    
                var  timeString  =  years  +  months  +  dates  +  weeks  +  hours  +  minutes + seconds;    
                document.getElementById('time').innerHTML  =  timeString;  
            }
        </script> -->
    <script>
        var  time1  =  window.setInterval('timeShow()',  1000);  
        timeShow()  

        let btn = document.querySelector("button");
        btn.onclick = function() {
            window.clearInterval(time1);
        }

        function  timeShow()  {    
            var  today  =  new  Date();  //获得系统当前时间
                
            var  intYears  =  today.getFullYear();  //获得年
                
            intMonths  =  today.getMonth()  +  1;  //获得月份+1
                
            intDates  =  today.getDate();  //获得天数
                
            intHours  =  today.getHours();  //获得小时
                
            intMinutes  =  today.getMinutes();  //获得分钟
                
            intSeconds  =  today.getSeconds();  //获得秒
                
            intWeeks  =  today.getDay();  //获得星期
                 // 修改格式为 *年*月*日
                
            years  =  intYears  +  '年';     // 如果月份小于10，在月份前面加0
                
            intMonths  <  10  ?  months  =  '0'  +  intMonths  +  '月'  :  months  =  intMonths  +  '月';     // 如果日份小于10，在日前面加0
                
            intDates  <  10  ?  dates  =  '0'  +  intDates  +  '日'  :  dates  =  intDates  +  '日';     // 修改星期格式
                
            var  week  =   ['星期日',  '星期一',  '星期二',  '星期三',  '星期四',  '星期五',  '星期六']   ; 
            weeks  =  week[intWeeks]  +  ' ';     // 修改小时格式
                
            if  (intHours  ==  0)  {      
                hours  =  '00:';    
            } 
            else  if  (intHours  <  10)  {      
                hours  =  '0'  +  intHours  +  ':';    
            } 
            else  {      
                hours  =  intHours  +  ":";    
            }     // 修改分钟格式
                
            if  (intMinutes  ==  0)  {      
                minutes  =  '00';    
            } 
            else  if  (intMinutes  <  10)  {      
                minutes  =  '0'  +  intMinutes;    
            } 
            else  {      
                minutes  =  intMinutes +  ":";    
            }     //  修改秒数格式
                
            if  (intSeconds  ==  0)  {      
                seconds  =  '00';    
            } 
            else  if  (intSeconds  <  10)  {      
                seconds  =  '0'  +  intSeconds;    
            } 
            else  {      
                seconds  = intSeconds;    
            }    
            var  timeString  =  years  +  months  +  dates  +  weeks  +  hours  +  minutes + seconds ;   
            document.getElementById('time').innerHTML  =  timeString;  
        }
    </script>

</body>

雪酒呀

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
JavaScript显示时间自动走动

<body> <a href="#" id="time"></a> <button>停止</button> <!-- <script> var time1 = window.setInterval('timeShow()', 1000); timeShow(); function timeShow() {
复制链接

扫一扫

专栏目录