js - 计时器、同步异步

不想掉头发的小猴子

已于 2022-11-10 11:57:30 修改

阅读量455

点赞数

文章标签： javascript 前端开发语言

于 2022-11-08 11:35:26 首次发布

本文链接：https://blog.csdn.net/weixin_57135131/article/details/127747645

版权

/*
    1. 同步：按步骤执行
    2. 异步：同时执行（计时器、事件绑定）

    注： 先执行所有的同步语句，在执行异步！！！！
*/
console.log(1);
setTimeout(function(){//异步,等待同步执行完毕，再执行
console.log(2);
},0)
console.log(3);

//1 3 2


/**
 * 计时器
 *  - 间歇性计时器
 *      ：每间隔多少时间就执行一次函数
 *      设定计时器：timer = setInterval(函数,毫秒数);
 *      取消计时器：clearInterval(timer);
 *  - 一次性计时器、延时器、定时器、倒计时定时器
 *      ：倒计时多少时间以后执行函数
 *      设定定时器：timer = setTimeout(函数,毫秒数);
 *      取消计时器：clearTimeout(timer);
 *  补充：timer，表示这个定时器是页面上的第几个定时器
 *          这个 `timer` 就是用来关闭定时器的数字
 */

倒计时案例


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF_8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, ini