在示例B中,虽然setTimeout设置为0,但是,从Javascript调用堆栈(call stack)来说,他被加入到另一个队列。
当onkeydown事件触发的时候,显示字符的动作就被放入了下一个调用堆栈,一旦onkeydown事件触发的堆栈关闭后就开始执行。这样,就形成了即输即显示的效果。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>setTimeout为0的应用</title>
<style type="text/css">
body { background:url(images/page-bg.gif); font-size:14px;}
</style>
</head>
<body>
<h1>setTimeout为0的应用</h1>
<p>在下面两个输入框里输入字符,看看有什么不同?</p>
<p>
A:<input type="text" id="t1" name="t1"
onkeydown="document.getElementById('t1text').innerHTML='你输入了:'+this.value;" value="" />没有使用setTimeout
</P>
<div id="t1text">你输入了:</div>
<p>
B:<input type="text" id="t2" name="t2"
onkeydown="var t2=this;setTimeout(function(){document.getElementById('t2text').innerHTML='你输入了:'+t2.value},0);"
value="" />setTimeout为0</p>
<div id="t2text">你输入了:</div>
</body>
</html>
分享到:
相关推荐
总之,`setTimeout()`和`setInterval()`是JavaScript中用于处理时间调度的核心工具,它们的正确使用对于编写健壮的前端应用至关重要。理解它们的工作机制,并根据需求选择合适的函数,能够帮助开发者更好地控制代码...
本篇文章主要探讨`setTimeout(func, 0)`这一特定用法,它在JavaScript中的作用和实际应用场景。 `setTimeout`函数是JavaScript提供的一个全局方法,用于在指定的毫秒数后调用一个函数或执行一段代码。它的基本语法...
在这个场景中,标题提到的"setTimeout应用(模拟站长之家导航)"可能是指利用`setTimeout`来创建一个类似站长之家网站的动态导航效果,比如滚动公告、延时加载或其他交互式功能。下面我们将详细探讨`setTimeout`的工作...
这个函数是异步的,即使我们设定的延迟时间为0毫秒,它也会在当前同步代码执行完毕后才执行。这使得setTimeout成为实现定时任务、动画、异步事件处理等多种编程需求的有力工具。 二、setTimeout与JavaScript单线程...
在这个主题中,我们将深入探讨`setTimeout`和`setInterval`这两个核心定时器函数,它们在JavaScript中的应用以及它们之间的区别。 首先,`setTimeout`函数用于在指定的毫秒数后调用一个函数或执行一段代码。它的...
### JS中setTimeout()的用法详解 #### setTimeout()概述 `setTimeout()` 是JavaScript中用于设置一个函数或代码段在指定时间后执行的函数。它是`window`对象的一个方法,通常被用于异步编程、设置延时任务、动画...
Javascript的setTimeOut和setInterval函数应用非常广泛,它们都用来处理延时和定时任务,比如打开网页一段时间后弹出一个登录框,页面每隔一段时间发送异步请求获取最新数据等等。但它们的应用是有区别的。 ...
关于在Vue中管理setTimeout和setInterval,尤其是涉及到Vue的路由切换时定时器未被销毁的问题,主要涉及到Vue的生命周期钩子、JavaScript的this关键字以及ES6箭头函数的特性。 首先,Vue中的生命周期钩子允许我们在...
本文将详细介绍如何使用JavaScript的`setTimeout`函数实现倒计时效果。 `setTimeout`是JavaScript中的一个定时器函数,它可以指定一个函数在多少毫秒后执行一次。在倒计时应用中,我们利用`setTimeout`来定期更新...
### JavaScript中的`window.setTimeout()`详解 #### 一、概述 在JavaScript编程中,`window.setTimeout()`函数是一个非常重要的异步编程工具,它允许开发者在指定的时间后执行特定的代码片段。这一特性对于实现...
### JavaScript中的`setTimeout`方法详解 在JavaScript编程中,`setTimeout`是一个非常实用且重要的功能,它用于在指定的时间间隔后执行某个函数或指定的一段代码。本文将深入探讨`setTimeout`方法及其参数的使用...
### JS中的setTimeout与setInterval的区别 在JavaScript编程中,`setTimeout`与`setInterval`是两个非常常用的函数,用于控制代码执行的时间间隔。虽然它们在功能上有一定的相似性,但其实现的效果却大不相同。下面...
在JavaScript编程中,`setTimeout` 是一个非常常用的函数,用于在指定的时间延迟后执行一个回调函数。然而,有一些使用 `setTimeout` 的注意事项需要开发者了解,特别是在高性能和优化方面。以下是一些关键点: 1. ...
在JavaScript中,`setTimeout`是一个非常重要的异步执行方法,用于在指定的毫秒数后调用一个函数或执行某段代码。这个方法是浏览器提供的全局函数,可以在任何作用域中使用。`setTimeout`的基本语法如下: ```...
setTimeout函数在JS中的奇妙用法和函数节流 在JS中,setTimeout函数是一个非常重要的函数,它可以用来实现函数节流,避免函数在短时间内连续被调用,从而提高性能和防止浏览器崩溃。 什么是函数节流? 函数节流...
JavaScript 中的 SetInterval 与 setTimeout 用法 在 JavaScript 中,SetInterval 和 setTimeout 是两种常用的定时器...SetInterval 和 setTimeout 是两个非常有用的定时器函数,在 JavaScript 编程中有着广泛的应用。
JavaScript中的`setTimeout()`函数是一个非常重要的异步编程工具,它用于在指定的毫秒数之后执行一次函数或指定的代码块。这个函数对于创建动画效果、定时触发某些操作或者延迟处理事件等场景非常有用。 首先,`...
理解`setTimeout`的运行机制以及如何与模态对话框交互,对于优化用户体验和编写健壮的JavaScript代码至关重要。在实际项目中,可能还需要考虑兼容性、性能和其他交互因素,确保解决方案既有效又灵活。
JS 中 SetInterval 与 setTimeout 用法 在 JavaScript 中,SetInterval 和 setTimeout 是两种常用的定时器函数,用于实现延迟执行或重复执行某些操作。下面我们将详细讲解这两种函数的区别和用法。 SetTimeout ...
在JavaScript编程中,`setTimeout`是一个非常常用的函数,它用于在指定的时间(以毫秒为单位)后调用一个函数或者执行某段代码。这个功能对于实现延迟执行、动画效果或者定时任务等场景非常关键。在本文中,我们将...