settimeout

定时器 什么是定时器？作用？ JS提供了一些原生方法来实现延时去执行某一段代码，下面简单介绍两种计时器。　 　　　 setTimeOut： setTimeOut(code,millisec,lang) code:必选，要调用的函数后要执行的JavaScript代码串。 millisec：必选，在执行代码前需等待的毫秒数。 lang：可选，脚本语言可是是：JScript/VBScript/JavaScript setInterVal: setInterVal(code,millisec,lang) code:必选，要调用的函数后要执行的JavaScript代码串。 millisec：必选，在执行代码前需等待的毫秒数。 lang：可选，脚本语言可是是：JScript/VBScript/JavaScript 基本用法 setTimeOut： < script type = "text/javascript" > function myFunction ( ) { setTimeout ( function ( ) { alert ( "Hello" ) } , 3000 ) ; //3s后输出一次"Hello" } < / script > setInterVal: < script type = "text/javascript" > function myFunction ( ) {

　　Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6 将其写进了语言标准，统一了用法，原生提供了 Promise 对象。 　　ES6之前，JavaScript中异步编程分为3类：DOM事件（如onclick）、网络请求（如ajax）、定时器（setTimeout/setInterval）。他们均使用回调函数来进行异步调用。当回调函数中嵌套了回调函数，甚至是多层回调时，编码就不够直观了。而使用Promise就能通过同步的编码方式实现异步调用。 1.多层回调：使用setTimeout()函数执行3层嵌套的异步回调，编码不直观 1 function async(){ 2 setTimeout(function(){ //回调函数1 3 console.log(1); 4 setTimeout(function(){ //回调函数2 5 console.log(2); 6 setTimeout(function(){ //回调函数2 7 console.log(3); 8 },1000); 9 },1000); 10 },1000) 11 } 12 13 async(); 14 15 //调用结果：1s后打印1 2s后打印2 3s后打印3 2.promise：以同步顺序编码来执行3次异步回调 通过return

Javascript的优势之一是其如何处理异步代码。异步代码会被放入一个事件队列，等到所有其他代码执行后才进行，而不会阻塞线程 1 理解异步代码: 1.1 JavaScript最基础的异步函数是setTimeout和setInterval。setTimeout会在一定时间后执行给定的函数。它接受一个回调函数作为第一参数和一个毫秒时间作为第二参数。 console.log(1); setTimeout(function() { console.log('a'); },1000); setTimeout(function() { console.log('b'); },1000); setTimeout(function() { console.log('c'); },1000); console.log(2); 正如预期，控制台先输出1、2，大约500毫秒后，再看到“a”、“b”、“c”。我用“大约”是因为setTimeout事实上是不可预知的。实际上，甚至 HTML5 规范都提到了这个问题： “这个API不能保证计时会如期准确地运行。由于CPU负载、其他任务等所导致的延迟是可以预料到的。” 1.2 Event Loop队列 有趣的是，直到在同一程序段中所有其余的代码执行结束后，超时才会发生。所以如果设置了超时，同时执行了需长时间运行的函数，那么在该函数执行完成之前