Bom的定时器与延时器

setInterval

setInterval 设置一个定时器 当开启这个定时器之后，会每间隔一段时间 循环执行一次代码
第一个参数是函数 第二个参数是间隔的时间数字 毫秒值为单位
以下代码的执行效果是开始的时候将第一个函数参数 交给window 并让window开始计时，当时间到了1s之后，才开始执行函数参数；计时时长是第二个参数
当第二个参数到了时间 window会将这个函数重新交给JS 此时JS会执行 这个过程无限循环

		// setInterval(function() {
        //     var date = new Date();
        //     var dateStr = formatChineseDate(date);
        //     document.body.innerHTML = dateStr;
        // }, 1000);

对于innerHTML的话就是在页面中插入元素或者是文字信息；每次插入的时候都会改变上一次插入的数据；不会都打印到页面上；

对于返回值

		// 定时器和延时器的返回值是一个数字 代表着这个定时器和延时器的序号 浏览器可以根据它们关闭对应的定时器和延时器
        // var timer = setInterval(function() {
        //     console.log("我是第一个定时器");
        // }, 1000);
        // console.log(timer);
        // var timer1 = setInterval(function() {
        //     console.log("我是第二个定时器");
        // }, 1000);
        // console.log(timer1);

        // var timer2 = setInterval(function() {
        //     console.log("我是第三个定时器");
        // }, 1000);
        // console.log(timer2);

        // var timer3 = setInterval(function() {
        //     console.log("我是第四个定时器");
        // }, 1000);
        // console.log(timer3);

       

关闭计时器

 // 关闭
        // clearInterval(timer);
        // clearInterval(timer1);
        // clearInterval(timer2);
        // clearInterval(timer3);

setTimeout

setTimeout 设置一个延时器 设置一个函数 设置一个时间 当时间到了以后 执行函数 就此结束

		// setTimeout(function() {
        //     console.log(1);
        // }, 1000);

		// 关闭延时器
        // var timer = setTimeout(function() {
        //     console.log("我是延时器");
        // }, 1000);

        // clearTimeout(timer);

        // 备注：clearInterval和clearTimeout是可以混着使用的 但是推荐不要混着用