for循环+setTimeout的延迟操作

例子: for (var i = 0; i < 5; i++) { setTimeout(function () { console.log(i); }, 100) } 上述代码,输出结果显而易见是5个5,且并没有任何的延迟效果.那么为什么呢? 首先这样的结果需要从JS的执行机制说起.JS是单线程环境,也就是说代码的执行是从上到下,依次执行.这样的执行称为同步执行.因为种种不要浪费和节约的原因.JS中引进了异步的机制.在这段代码中,哪个是同步哪个是异步呢?for循环是同步代码,而setTimeo…

for循环 + setTimeout 结合的烂大街的面试题

零.背景最近在翻看以前的老书<node.js开发指南>,恰好碰到for循环 + setTimeout的经典例子,于是重新梳理了思路并记录下. 一.写在前面,setTimeout和setInterval的执行机制在日常编码中,你会发现,给setTimeout和setInterval设定延迟时间往往并不准,或者干脆setTimeout(function(){xxx},0)也不是立马执行(特别是有耗时代码在前),这是因为js是单线程的,有一个事件队列机制,setTimeout和setInterv…

[从源码学设计]蚂蚁金服SOFARegistry之延迟操作

[从源码学设计]蚂蚁金服SOFARegistry之延迟操作 0x00 摘要 SOFARegistry 是蚂蚁金服开源的一个生产级.高时效.高可用的服务注册中心. 本系列文章重点在于分析设计和架构,即利用多篇文章,从多个角度反推总结 DataServer 或者 SOFARegistry 的实现机制和架构思路,让大家借以学习阿里如何设计. 本文为第十七篇,介绍SOFARegistry的延迟操作. 0x01 业务领域 1.1 业务缘由为什么要有AfterWorkingProcess? AfterWo…

js获取时间,循环执行任务,延迟执行任务

一.获取时间核心方法创建一个时间对象:new Date() 时间对象相关操作时间对象.函数名函数名功能 getYear() 获取四位数的年份 getMonth() 获取2位数的月数, 这个是从 0 开始的 , 注意不是从1 开始的!!! getDate() 获取2位数的日数, 也是从1 开始的 getDay() 获取表示星期的数字, 注意星期天返回的是0, getHours() 获取小时数 getMinites() 获取分数 getSeconds() 获取秒数 getTime()…

数据结构--线段树--lazy延迟操作

A Simple Problem with Integers Time Limit: 5000MS Memory Limit: 131072K Total Submissions: 53749 Accepted: 16131 Case Time Limit: 2000MS Description You have N integers, A1, A2, ... , AN. You need to deal with two kinds of operations. One type of…

关于for循环与setTimeout的延迟

在for循环中使用setTimeout时,想使其每个setTimeout在上一个setTimeout的基础上进行延时,使用传入数组方式设置时间时,发现实际是按照每次设置的setTimeout的延时执行的,而不是相加,例: let time = [4, 3, 5, 1, 2]; for(let i = 0; i < time.length; i++){ // 当i=1时,想其延时7s打印一个3 setTimeout(function(){ console.log(time[i]); }, time…

深浅拷贝, for循环小知识点 str操作 list的删除问题,类型转换

深浅拷⻉ : lst1 = ["⾦⽑狮王", "紫衫⻰王", "⽩眉鹰王", "⻘翼蝠王"] lst2 = lst1 print(lst1) print(lst2) lst1.append("杨逍") print(lst1) print(lst2) 结果: ['⾦⽑狮王', '紫衫⻰王', '⽩眉鹰王', '⻘翼蝠王', '杨逍'] ['⾦⽑狮王', '紫衫⻰王', '⽩眉鹰王', '⻘翼蝠王', '杨逍…

python2学习------基础语法1 (变量、分支语句、循环语句、字符串操作)

1.变量类型 Numbers(数字):int,float,long String(字符串) List(列表) tuple(元组) dict(字典) bool(布尔):True,False # 删除变量 del 变量名; 2.常用函数 <1> 输出信息 print 输出信息; <2> 交互 raw_input('请输入内容'); <3> 类型转换 int(x [,base]) 将x转换为一个整数 long(x [,base] ) 将x转换为一个长整数 float(x)…

JavaScript循环和数组常用操作

while循环语法: do while循环语法:do{循环体}while(条件表达式); 特点:do while循环不管条件是否成立,无论如何循环体都会执行一次. 使用场合:用户输入密码,如果密码不是123456,继续输入密码,直到密码正确为止例子:do { var psd = prompt("请输入密码"); }while( psd != "123456"); for循环语法:for(语句1;语句2;语句3){循环体} 一般情况下:语句1写循环增量的声明,语…

循环时的dom操作

<body> <div id="resText"></div> <div id="reshtml"></div> <script src="js/jquery.js"></script> <script type="text/javascript"> $(function(){ $.ajax({ type: "get&qu…

iOS 中延迟操作四种方式

本文列举了四种延时执行某函数的方法及其一些区别.假如延时1秒时间执行下面的方法. - (void)delayMethod { NSLog(@"execute"); } 1.performSelector方法 [self performSelector:@selector(delayMethod) withObject:nil afterDelay:1.0f]; 此方式要求必须在主线程中执行,否则无效.是一种非阻塞的执行方式,暂时未找到取消执行的方法. 2.定时器:NSTimer [NS…

Handle-postDelayed 延迟操作

今天在工作的时候,遇到了一个方法,是关于Handle来实现延时操作的,自己写了一个小demo,学习总结如下 xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent"…

day08 for循环与字符串掌握操作

# 1.什么是for循环# 循环就是重复做某件事情,for循环是python提供第二种循环机制# 2.为何:理论上for循环可以做的事情while循环也可以做# for循环再循环取值(遍历取值)比while更加简洁## 3.如何使用for循环:'''语法:for 变量名 in 可迭代对象:对象可以是列表.字典.字符串.元组.集合代码1 代码2 代码3# '''# 案例1:循环取值# 1:简单版# l = ['alex_ll','loo_ll','egon_yy']# for x in l :#…

Java_延迟操作

1. 用Thread就不会iu无法终止 new Thread(new Runnable() { public void run() { while (true) { test(); try { Thread.sleep(500); } catc…

Python自学:第四章在for循环中执行更多操作(2)

# -*- coding: GBK -*- magicians = ['alice', 'david', 'carolina'] for magician in magicians: print(magician.title() + ", that was a great trick!") print("I can't wait to seee your next trick," + magician.title() + ".\n") 输出为:…

Python自学:第四章在for循环中执行更多操作(1)

# -*- coding: GBK -*- magicians = ['alice', 'david', 'carolina'] for magician in magicians: print(magician.title() + ", that was a great trick!") 输出为: Alice, that was a great trick! David, that was a great trick! Carolina, that was a great trick…

初识Promise

Promise对象曾经用seajs开发后台管理的时候,矫情的PHPER非要JS内联到HTML文件中,方便他调用内容,还指定了jQueryFileUpload作为上传插件. 当时看到jQueryFileUpload的时候,我是懵逼的,竟然要引入这么多JS!还要按照顺序去引入,不能顺序错误!整个人都崩溃了,于是就写出了一下的回调金字塔. seajs.use('__STATIC__/admin/js/other/jquery/jquery.js',function($){ seajs.use('__…

javascript引擎工作原理

1. 什么是JavaScript解析引擎? 简单地说,JavaScript解析引擎就是能够“读懂”JavaScript代码,并准确地给出代码运行结果的一段程序.比方说,当你写了 var a = 1 + 1; 这样一段代码,JavaScript引擎做的事情就是看懂(解析)你这段代码,并且将a的值变为2. 学过编译原理的人都知道,对于静态语言来说(如Java.C++.C),处理上述这些事情的叫编译器(Compiler),相应地对于JavaScript这样的动态语言则叫解释器(Interpreter)…

我们应该如何去了解JavaScript引擎的工作原理

“读了你的几篇关于JS(变量对象.作用域.上下文.执行代码)的文章,我个人觉得有点抽象,难以深刻理解.我想请教下通过什么途径能够深入点的了解javascript解析引擎在执行代码前后是怎么工作的,ecma英文版实在看不下去呵呵.” 其实这个问题个人觉得太笼统了,直接回答很难回答,所以,我打算先把他的问题拆解成如下几个子问题,并对其表达个人的观点,希望对有同样困惑的童鞋能够有所帮助. 1. 什么是JavaScript解析引擎? 简单地说,JavaScript解析引擎就是能够“读懂”JavaScri…

第四十二课：基于CSS的动画引擎

由于低版本浏览器不支持css3 animation,因此我们需要根据浏览器来选择不同的动画引擎.如果浏览器支持css3 animation,那么就使用此动画引擎,如果不支持,就使用javascript的动画引擎. 首先,我们看一下判定条件,方便切换.前面说过,浏览器把所有事件类型的构造器放在window上,只不过不可遍历.我们用Object.getOwnPropertyNames(window),可以得到window对象中的所有属性,然后再filter一下,就能得到所有的事件构造器了.最后,我们…

【转】我们应该如何去了解JavaScript引擎的工作原理

原文地址:http://www.nowamagic.net/librarys/veda/detail/1579 昨天收到一封来自深圳的一位前端童鞋的邮件,邮件内容如下(很抱歉,未经过他的允许,公开邮件内容,不过我相信其他人肯定也有同样的问题,所以,直接把问题原文抛出来): “读了你的几篇关于JS(变量对象.作用域.上下文.执行代码)的文章,我个人觉得有点抽象,难以深刻理解.我想请教下通过什么途径能够深入点的了解javascript解析引擎在执行代码前后是怎么工作的,ecma英文版实在看不下去呵呵…

js:我们应该如何去了解JavaScript引擎的工作原理(转)

http://www.nowamagic.net/librarys/veda/detail/1579 昨天收到一封来自深圳的一位前端童鞋的邮件,邮件内容如下(很抱歉,未经过他的允许,公开邮件内容,不过我相信其他人肯定也有同样的问题,所以,直接把问题原文抛出来): “读了你的几篇关于JS(变量对象.作用域.上下文.执行代码)的文章,我个人觉得有点抽象,难以深刻理解.我想请教下通过什么途径能够深入点的了解javascript解析引擎在执行代码前后是怎么工作的,ecma英文版实在看不下去呵呵.” 其实…

前端基础进阶(六)-大厂面试题问题:循环闭包与setTimeout

我在上一篇闭包的文章中留下了一个关于setTimeout与循环闭包的思考题. 利用闭包,修改下面的代码,让循环输出的结果依次为1, 2, 3, 4, 5 for (var i = 1; i <= 5; i++) { setTimeout(function timer() { console.log(i); }, i * 1000); } 下面是一些朋友看了闭包以后给出了的一些题,他们在看了上一篇文章以后也对闭包比较感兴趣所以我也借助此文章对setTimeout进行一个相关的知识分享,希望大家阅…

setTimeout的妙用2——防止循环超时

上个周日,介绍了如何使用setTimeout代替setInterval进行间歇调用,这个周日,继续来讲<JavaScript高级程序设计>这本书里面,对于setTimeout的另一种妙用--防止循环超时 [这是铺垫,为故事的高潮埋下伏笔] JS是单线程的,一个代码块里面的代码,只能按顺序从上到下执行,所以如果中间有一块代码,执行起来非常耗时,就会导致下面的代码无法执行,出现浏览器假死的状态. JS的耗时操作,常见的有两种 1.向服务器发起请求 2.对数组的循环操作 (当然,还有一种,就…

闭包应用之延迟函数setTimeout

根据HTML 5标准,setTimeout推迟执行的时间,最少是5毫秒.如果小于这个值,会被自动增加到5ms. 每一个setTimeout在执行时,会返回一个唯一ID,把该ID保存在一个变量中,并传入clearTimeout,可以清除定时器. 在setTimeout内部,this绑定采用默认绑定规则,也就是说,在非严格模式下,this会指向window:而在严格模式下,this指向undefined. setTimeout不止有2个参数,第一个参数是回调函数,第二个参数是时间,第三个参数以后都是…

Kafka技术内幕读书笔记之（五）协调者——延迟的加入组操作

协调者处理不同消费者的“加入组请求”,由于不能立即返回“加入组响应”给每个消费者,它会创建一个“延迟操作”,表示协调者会延迟发送“加入组响应”给消费者 . 但协调者不会为每个消费者的 “加入组请求”都创建一个 “延迟操作”,而是仅当消费组状态从“稳定”转变为“准备再平衡”,才创建一个“延迟操作”对象 . (1)初始时消费组状态为“稳定”,第一个消费者加入消费组 . 因为消费组状态为“稳定”,所以协调者允许消费者执行再平衡操作 .协调者更改消费组的状态为“准备再平衡”,并创建一个…

C# Stopwatch获取循环中某操作的时间消耗

在C#中通常使用DateTime来表示当前时间,可以在一个操作的前后分别使用一个DateTime对象获取当前时间,再将两个DateTime对象相减获得时间差(TimeSpan对象),从而得到这个操作耗费了多少时间. 但是,在某些情况下,需要循环获取执行一个操作,而这个操作可能并没有耗费太多的时间,只是循环的量级很大的时候,消耗的时间还是很可观的.这时如果使用上面的方法会比较麻烦. C#提供了一个类Stopwatch,在操作开始前,调用Stopwatch对象的Start方法:操作结束后调用Stop…

为什么阿里巴巴Java开发手册中强制要求不要在foreach循环里进行元素的remove和add操作？

在阅读<阿里巴巴Java开发手册>时,发现有一条关于在 foreach 循环里进行元素的 remove/add 操作的规约,具体内容如下: 错误演示我们首先在 IDEA 中编写一个在 foreach 循环里进行 remove 操作的代码: import java.util.ArrayList; import java.util.List; public class ForEachTest { public static void main(String[] args) { List<S…

setTimeout 的黑魔法

setTimeout,前端工程师必定会打交道的一个函数.它看上去非常的简单,朴实.有着一个很不平凡的名字--定时器.让年少的我天真的以为自己可以操纵未来.却不知朴实之中隐含着惊天大密.我还记得我第一次用这个函数的时候,我天真的以为它就是js实现多线程的工具.当时用它实现了一个坦克大战的小游戏,玩儿不亦乐乎.可是随着在前端这条路上越走越远,对它理解开始产生了变化.它似乎开始蒙上了面纱,时常有一些奇怪的表现让我捉摸不透.终于,我的耐心耗尽,下定决心,要撕开它的面具,一探究竟. 要说setTimeou…

setInterval()、clearInterval()、setTimeout()和clearTimeout()js计数器方法

原文地址:http://caibaojian.com/setinterval-settimeout.html window.setInterval()方法介绍周期性地调用一个函数(function)或者执行一段代码. 语法 var intervalID = window.setInterval(func, delay[, param1, param2, ...]); var intervalID = window.setInterval(code, delay); 这里 intervalID…

【for循环+setTimeout的延迟操作】的更多相关文章