枯燥的js date对象与定时器

日期对象,是系统提供好的

date字典:

https://www.w3school.com.cn/jsref/jsref_obj_date.asp

date对象并不是实时的,当第一次调用的时候就已经定格了

定时器

setInterval

每隔一段时间,进行一次函数。

<script>
       setInterval(function(){
    
    
        console.log('a');
       },1000)//数字多少就是多少****毫秒****。
    </script>

setTimeout

var timer =  setTimeout(function(){
    
    
           console.log('a');
       },1000);

多少秒之后开始执行。

clearInterva

clearTimeout

<script>
      var timer =  setTimeout(function(){
    
    
           console.log('a');
       },1000);
       var timer2 = setInterval(function (){
    
    
           
       }, 10000);
       clearTimeout(timer);
      clearInterval(timer2);
    </script>

全局对象window上的方法,内部函数this指向window。

小小计时器

 minutes:<input  type="text" value="0">
    seconds:<input  type="text" value="0">

    <script>
    var minutes = document.getElementsByTagName('input')[0];
    var seconds = document.getElementsByTagName('input')[1];
    var min=0,
        sec=0;
    var timer = setInterval(function() {
    
    
        sec++;
        if(sec==60){
    
    
            sec = 0;
            min ++;
        }
        seconds.value = sec;
        minutes.value = min;
        if(min == 6){
    
    
            clearInterval(timer);
        }//当min等于多少的时候可以选择停止,
    }, 100);//可修改转换时间。
    </script>

猜你喜欢

转载自blog.csdn.net/weixin_51664705/article/details/113998944
今日推荐