在示例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>
分享到:
相关推荐
Javascript的setTimeOut和setInterval函数应用非常广泛,它们都用来处理延时和定时任务,比如打开网页一段时间后弹出一个登录框,页面每隔一段时间发送异步请求获取最新数据等等。但它们的应用是有区别的。 ...
虽然我学习和应用javascript已经两年多了,但是对setTimeout方法,有时候也要查阅资料。今天对js的setTimeout方法做一个系统地总结。 setInterval与setTimeout的区别 说道setTimeout,很容易就会想到setInterval,...
语法: setTimeout(code,millisec) 参数: code (必需):要调用的函数后要执行的 JavaScript 代码串。 millisec(必需):在执行代码前需等待的毫秒数。 提示: setTimeout() 只执行 code 一次。如果要多次调用,...
下面小编就为大家带来一篇JavaScript学习笔记整理_setTimeout的应用。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
前几天学了js,看到了两个非常有趣的函数,他们分别是setTimeout函数和setInterval函数,这两个函数能使网页呈现非常一些网页中比较常见的效果,比如说图片轮播,等一些非常好玩的效果。下面就来一起来了解这两个...
应用程序接口 var requestTimeout = require ( 'request-timeout' ) ; requestTimeout ( 300 , function ( ) { // do something } ) ; var id = requestTimeout ( 300 , function ( ) { console . log ( 'sho
该小部件将对象属性作为输入参数,将自定义JavaScript添加到您的Mendix页面。 典型使用场景 在设计应用程序前端的样式时,您希望受到控制。 这个小部件使您可以执行具有多个对象属性作为输入的自定义JavaScript。 ...
Javascript的setTimeOut和setInterval函数应用非常广泛,它们都用来处理延时和定时任务,比如打开网页一段时间后弹出一个登录框,页面每隔一段时间发送异步请求获取最新数据等,本文文章通过代码示例给大家介绍...
_filesjavascript如何避免内存泄露 - - JavaEye技术网站_filesprototype_js深入研究_files从 prototype_js 深入学习 javascript 的面向对象特性 - - AJAX - JavaEye论坛_files带参数的闭包函数的巧妙应用 - ...
例如,在web环境中,一个函数作为setTimeout函数调用的第一个参数,是一种很常见的应用。 setTimeout将要执行的函数(或者一段JavaScript代码,但这不是我们要讨论的情况)作为它的第一个参数,下一个参数是需要延迟...
Web 应用程序以 MVC 框架为模型,组件模块化以确保其可维护性、可重用性和可扩展性。 时钟应用程序包含世界时钟、计时器和秒表功能。 这些功能中的每一个都作为自己的页面呈现给用户。 每个时钟功能的状态可以单独...
window.onload = function() { var myShakeEvent = new Shake({ threshold: 15 }); myShakeEvent.start();... setTimeout(function(){ result.className = "result result-show"; }, 1000); } };
javascript实现 首页自动大屏广告,应用javascript中的setTimeout定时器实现。
认为setTimeout中的问候方法会立即被执行,因为这并不是凭空而说,而是JavaScript API文档明确定义第二个参数意义为隔多少毫秒后,回调方法就会被执行. 这里设成0毫秒,理所当然就立即被执行了. 同理对setInterval的...
屏障.js 模式在 JavaScript 中的实现。用法 'use strict' ;var barrier = require ( '@yuanqing/barrier' ) ;var b = barrier ( 2 , function ( err , result ) { if ( err ) { throw err ; } console . log ( ...
setTimeout函数是一个原生的javascript函数。setTimeout函数会在一个指定的延迟时间之后调用一个函数或执行一段指定的代码。它的应用非常广泛,例如我们希望用户在浏览器某个页面一段时间后弹出一个对话框,或者是...
精准定时器模块 version 1.2, 2015, jan: open sourcedversion 1.0, 2012, jun描述适用于 iOS 的精确计时器模块,精度为毫秒,主要用纯 C 编写。 JavaScript 的setInterval()函数有一个低精度的计时器,更糟糕的是,...
从 WebSocket 服务器发送 Titanium JavaScript 代码 服务器 node.js WebSocket 服务器示例。 请参阅 。 var WebSocketServer = require ( 'ws' ) . Server , wss = new WebSocketServer ( { port : 8888 } ) ;...