JavaScript Day11

setInterval函数

setInterval(callback,ms) 循环定时器
callback：回调函数 当方法执行完之后调用
ms：毫秒
每隔多长时间执行一次回调函数

 setInterval(function(){
    i++;
 console.log("循环定时器:"+i)
    },1000)

将定时器储存

var timer=setInterval(func,1000);

清除定时器 clearInterval(name)

    clearInterval(timer);

setTimeout函数

setTimeout(callback,ms) 延迟定时器
callback：回调函数 当方法执行完之后调用
ms：毫秒
延迟多长时间执行一次函数 只执行一次

 console.time();
 var timer=setTimeout(function(){
 console.log("延迟定时器")
    },5000)
 // console.timeEnd();
 // console.log("立即执行")

 // 清除
 document.onclick=function(){
 clearTimeout(timer);
    }

万年历

 var aDays=["日","一","二","三","四","五","六"];
 // 当时分秒 小于10,前面拼接0
 function time2(num){
 if(num<10){
 return "0" + num
        }else{
 return num
        }
    }
 function getTime() {
 // 1.获取当前日期和时间
 var oDate = new Date();
 // 2.通过oDate获取年月日时分秒等信息
 var year = oDate.getFullYear();
 var month = oDate.getMonth() + 1;
 var date = oDate.getDate();
 var day = oDate.getDay();
 var hour = time2(oDate.getHours());
 var minute = time2(oDate.getMinutes());
 var second = time2(oDate.getSeconds());

 // 3.将时间显示在网页中
 document.getElementById("time").innerHTML =
 ` ${year} 年 ${month} 月 ${date} 日<br/> 星期${aDays[day]} <br/> ${hour} : ${minute} : ${second}`
    }

 setInterval(getTime,200)

变速输出内容

让输出文本的速度 越来越快
循环定时器 循环输出
让输出的速度 发生变化

 var i=0;
 setInterval(function(){
 // i==0?i=0:i--;
        i++;
 // document.write("变速运动")
 setTimeout(function(){
 document.write("变速运动")
        },1000*i)
    },1000)