JavaScript思维导图——Day 15(Date类定时器)

╰半橙微兮° 2023-07-07 03:59 5阅读 0赞

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTE3NDIwOA_size_16_color_FFFFFF_t_70]

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <style>
            input{
                border: 1px solid rgba(0, 0, 0, 0，8);
                text-align: right;
                font-size: 20px;
                font-weight: bold;
            }
        </style>
    </head>
    <body>
        minutes : <input type="text" name="" id="">
        seconds: <input type="text">
       <script>
           //定时器
           var minutes = document.getElementsByTagName('input')[0];
           var seconds = document.getElementsByTagName('input')[1];
           var m = 0;
           var s = 0;
    
           var timer = setInterval(() => {
               s ++;
               if (s == 60) {
                   s = 0;
                   m ++;
               }
               seconds.value = s + "s";
               minutes.value = m + "min";
               if (m == 3) {
                   clearInterval(timer);
               }
           }, 100);
            //时间戳
            // var fristTime = new Date().getTime();
    
            // for(var i = 0; i < 100; i++){
    
            // }
            // var lastTime = new Date().getTime();
            // console.log(lastTime - fristTime);
    
            // var date = new Date();
            // date.setMinutes(41);
            // setInterval(function () {
            //     if (new Date().getTime() - date.getTime() > 1000) {
                    
            //         console.log('cheng shuai');
            //     }
            // })
            // var fristTime = new Date().getTime();
            // setInterval(() => {
            //     var lastTime = new Date().getTime();
            //     console.log(lastTime - fristTime);
            //     fristTime = lastTime;
            // }, 1000);
    
            // var i = 0;
            // var timer = setInterval(() => {
            //     console.log(i++);
            //     if(i > 10){
            //         clearInterval(timer);
            //     }
            // }, 10);
    
            // var timer = setTimeout(() => {
            //     console.log('a')
            // }, 1000);
            // clearTimeout(timer);
    
           
        </script>
        
    </body>
    </html>

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTE3NDIwOA_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200220214201936.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTE3NDIwOA==,size_16,color_FFFFFF,t_70