jquery setTimeout 是异步的吗

2024-10-20

setTimeout、同步、异步的理解

console.log('111'); setTimeout(()=>{ console.log('222') },1000); console.log('333'); setTimeout(()=>{ console.log('444') },0); console.log(555); 就是执行这样一段js代码 , 打印出来的结果是 : 111 -> 333 -> 555 -> 444 -> 222 (结果就是我们理论起来 setTimeout 到底是同步还是异步的

jquery ajax 同步异步的执行

jquery ajax 同步异步的执行大家先看一段简单的jquery ajax 返回值的js 代码 function getReturnAjax{ $.ajax({ type:"POST", http://www.cnblogs.com/wlmemail/admin/%22ajax/userexist.aspx", data:"username="+vusername.value, success:function(msg)

jquery settimeout使用

setTimeout(location,5000); //延迟5秒刷新页面 function location(){ window.location.href = window.location.href; } //setTimeout(window.location.reload,5000);这样写将立即刷新不会延迟5秒.

jQuery精华

第一章:入门选择元素: $() css() $("li").css():可以省略原生的循环操作 $ == jQuery jQuery方法函数化: click() html() JS与jQ关系: 可以共存,不能混写函数中this是原生的,$(this)转换为jQ对象点击变色例子: <!DOCTYPE html> <html> <head> <title></title> <style> div{ width:

JavaScript权威设计--jQuery,Ajax.animate,SVG(简要学习笔记二十)[完结篇]

1.$和jquery在全局命名空间中定义的唯一两个变量. 2.jquery是工厂函数,不是构造函数.他返回一个新创建的对象. 3.jquery的四种调用方式: <1>传递CSS选择器(字符串)给$()方法 <2>传递Element,Document或Window对象给$()方法 <3>传递HTML文本字符串给$()方法. 如: var img=$("<img/>", //新建一个<im

第十七章：jQuery类库

javascript的核心API设计的很简单,但由于浏览器之间的不兼容性,导致客户端的API过于复杂.IE9的到来缓解了这种情况.然而使用javascript的框架或者工具类库,能简化通用操作,处理浏览器之间的差异,这让很多程序员在开发web应用时变得更简单. jQuery类库被广泛的使用,作为web开发者,我们必须熟悉它:即便没有在自己的代码中遇到,也可能在别人的代码中遇见.幸运的是,jQuery代码足够小巧和稳定,本章就能将它讲述清楚. jQuery能让你在文档中轻松找到关心的元素,并对这些

jQuery类库的设计

目前为止,jquery是js社区中最活跃.用户最多的前端类库,具有链式操作.兼容性.基于数组的操作.强大的插件机制等特点,也是很多前端入门同学最早接触到的库.但是内部如何实现的,一直吸引着我.因此最近三个月读完了jquery1.7版本的设计,之所以选择该版本是因为Sizzle在1.8之后引入了编译函数,代码变动比较大. 1.总体设计本文对jquery1.7版本进行了阅读学习,将整个jquery源码拆分为11个模块,这些模块相互依赖,构成了一个简单.强大的js类库.jquery是一个基于DOM操

js基础进阶--关于setTimeout的思考

欢迎访问我的个人博客:http://www.xiaolongwu.cn 先热身看看下面的额代码会打印出什么? for (var i = 0; i < 5; i++) { setTimeout(function () { console.log(i); }, 100); } 上面的结果是 5 5 5 5 5 我对上面的代码的理解是: setTimeout是一个注册事件,当for循环遇见他时,会先注册这个事件,而不会去触发此事件,for循环的时间很短,所以当100毫秒后触发打印事件时,此时的i已经

for循环中嵌套setTimeout，执行顺序和结果该如何理解？

这两天在捣鼓作用域的问题,有的时候知识这个东西真的有点像是牵一发而动全身的感觉.在理解作用域的时候,又看到了一道经典的面试题和例子题. 那就是在for循环中嵌套setTimeout延时,想想之前面试的时候面试官问到我这个问题,然而我当时对这玩意儿根本没有深究,没有去理解:非常草率的回答了,面试官好心的给我说这个涉及到setTimeout回调函数异步特性,啪啦啪啦,说的好几句都感觉晕乎了~也感觉JS这个东西真的需要深入的东西还很多,路也还很长. 直接进入主题了,先贴一段简单的代码: 结果是10次

一道经典面试题-----setTimeout(function(){}，0)

一道经典面试题-----setTimeout(function(){},0) 转载: http://www.w3cfuns.com/notes/17398/e8a1ce8f863e8b5abb530069b388a158/page/3.html#tagsbar 先看题: for (var i = 0; i < 3; i++) { setTimeout(function() { console.log(i); }, 0); console.log(i); } 结果是:0 1 2 3 3 3 很多公

jquery动画效果总结

一.jquery的动画速度fast-slow对应着600ms,200ms,不写是400ms 二.禁用jquery的动画将jQuery.fx.off设置为true即可 $(".stopping").click(function(){ jQuery.fx.off = true;//禁用所有jquery的动画 }) 三.jquery动画是异步的调用动画方法时会立刻返回,动画则在"后台"执行,也就是方法会在动画之前完成,所以可以给动画方法添加第二个参数 $("#

setTimeout里无法调用鼠标事件的event

问题的由来是下面这段代码: middleOnmouseLeave: function (event) { setTimeout(function () { event.currentTarget.style.height = '' event.currentTarget.style.border = '' }, ) }, 报错如下: 打断点发现currentTarge是null 有点奇怪,放在setTimeout外面就是好的,后来想了想应该是setTimeout是异步的, 其他正常的代码都先执

setTimeout的异步传输机制

setTimeout是异步的,在设置完setTimeout后,指定代码会在设定的时间后加入到任务队列,但并不是立即执行,js是单线程语言,所有的代码按顺序执行,即同步执行,同步执行的代码放在执行队列中,而异步执行的setTimeout放在任务队列中,执行顺序是先执行完执行队列中的代码再去查看任务队列中是否有要执行的代码: 这段代码看上去好像4应该比5先打印出来,但实际上是先打印出5再打印出4: 就如上面所说的,1,3,5都放在执行队列中,而4,2放在任务队列中,所以4,2要等执行队列中的1,3,

关于setTimeout和Promise执行顺序问题

先看一段代码 console.log('打印'+1); setTimeout(function(){ console.log('打印'+2); }) new Promise(function(resolve,reject){ console.log('打印'+3); }).then( console.log('打印'+4));; console.log('打印'+10); new Promise(function(resolve,reject){ setTimeout(function () {

由一道面试题简单扩展 — setTimeout、闭包

在一个前端公众号,看到这么一个号称简单的面试题: 1.以下程序输出什么? <script type="text/javascript"> function init(){ for (var i = 0; i < 10; ++i) { setTimeout(function () { console.log(i); }, 0); } } window.onload=init; </script> 2.若需要输出0123456789,应该怎么修改? 结果,输出

for循环+setTimeout的延迟操作

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

setTimeout(function(){}, 0);

for (var i = 0; i < 3; i++) { setTimeout(function() { console.log(i); }, 0); console.log(i); } 结果是: 0 1 2 3 3 3 分析: 1.在实践中,setTimeout 会在其完成当前任何延迟事件的事件处理器的执行,以及完成文档当前状态更新后,告诉浏览器去启用 setTimeout 内注册的函数. 2.setTimeout是异步的.正确的理解setTimeout的方式(注册事件): 有两个参数,第一

Django（十二）视图--利用jquery从后台发送ajax请求并处理、ajax登录案例

一.Ajax基本概念 [参考]:https://www.runoob.com/jquery/jquery-ajax-intro.html 异步的javascript.在不全部加载某一个页面部的情况下,对页面进行局的刷新,ajax请求都在后台. 图片,css文件,js文件都是静态文件. 1.1ajax基本用法 $.ajax({ 'url':请求地址, 'type':请求方式, 'dataType':预期返回的数据格式 'data':参数 }).success(function(data){ //回

js setTimeout运行机制

在开始之前先看个面试例子为什么会是0 1 2 2,而不是 0 0 1 1 再来看个例子输出结果是4个undefined,为何不是1,2,3,4? 这是为什么呢,这是因为setTimeout是异步的,运行机制是指定的代码,必须等到本次执行的所有同步代码都执行完,才会执行.优先关系:异步任务要挂起,先执行同步任务,同步任务执行完毕才会响应异步任务. 这里解释下异步执行过程,浏览器有个定时器(timer)模块,定时器到了执行时间才会把异步任务放到异步队列,for循环体执行的过程中并没有把setTi

How to get the return value of the setTimeout inner function in js All In One

How to get the return value of the setTimeout inner function in js All In One 在 js 中如何获取 setTimeout 内部函数的返回值 Promise wrap & Async / Await raise a question 提出问题如何获取 setTimeout 的返回值,以便可以自动化测试,即可以使用测试用例模版,跑通所有测试用例? error question analysis 问题分析正常思路下,是不

前端开发【第6篇：JavaScript客户端(浏览器)】

Web浏览器中的JavaScript 客户端JavaScript时间线 1.Web浏览器创建Document对象,并且开始解析web页面,解析HTML元素和它门的文本内容后添加Element对象和Text节点到文档中.在这个阶段Document.readystate属性的值是“loading” 2.当HTML解析器遇到没有async和defer属性的<script>元素时,它把这些元素添加到文档中,然后执行内火外部脚本.这些脚本会同步执行,并且在脚本下载(如果需要)和执行时解析器会暂停,因为J

jquery setTimeout 是异步的吗

热门专题