setTimeout()与clearTimeout()

setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式.

clearTimeout() 方法可取消由 setTimeout() 方法设置的 timeout.

<input type =‘text‘ id =‘aaa‘ >
<input type =‘button‘ value =‘stop‘ id =‘bb‘ onclick = ‘bb()‘>

<script>
var iTime;

 function aa(){    
    aaa.value += "!";
        iTime=setTimeout("aa()",600);
    }

function bb(){
    if (iTime !="")
        clearTimeout(iTime);
    }

</script>
时间: 2024-12-27 23:26:09

setTimeout()与clearTimeout()的相关文章

利用setTimeOut 和clearTimeOut 方法控制写一个 滑动导航显示不同信息的效果

效果如图鼠标滑动导航  下边显示不同效果 html代码和css格式代码 <body> <div id="tab" class="tab"> <div class="tab-title" id="tab-title"> <ul> <li class="select" data-flag="0"><a href="#

关于javascript中setTimeout()和clearTimeout()的疑惑。

由于在w3school中学习javascript时,当学到setTimeout()和clearTimeout()方法时.根据它所提供的例子(下面的代码转自w3cschool)—计数程序,发现当你不停的点击开始计数得到button, 计数将会加快,给我的感觉是同时运行好几个计数方法,但是我所不清楚的是这几个方法是同步执行还是异步执行.此时,如果你想要停止setTimeout()方法,你需点击停止button的次数与你点击开始计数button的次数相同. 我觉着这里怎么同步和异步机制都可以解释.希望

我之理解---计时器setTimeout 和clearTimeout

今天在写个图片切换的问题 有动画滞后的问题,才动手去查setTimeout 和clearTimeout.之前写的图片播放器也有类似的问题,有自动start按钮 和stop按钮, 其他都正常,问题出在每次多次快速的点击start按钮时,图片播放的速度会变块很多,而且没有规律.当时也没有去想这个问题,直到今天遇到了类似的问题 才决定去一探究竟. 列举个简单累加例子: <!DOCTYPE HTML> <html> <head> <meta http-equiv=&quo

结合setTimeout和clearTimeout,实现“返回顶部”的功能

结合setTimeout和clearTimeout,当页面停止滚动时,“返回顶部”按钮淡隐淡出.点击“返回顶部”页面以动画形式返回顶部.完美兼容ie6-11,firefox,chrome等. html代码如下: <a href="javascript:void(0)" id="backToTop" class="backToTop">ToTop</a> css代码如下: html {_background: url(abo

setTimeout、clearTimeout、setInterval

setTimeout(cb, ms) setTimeout(cb, ms) 全局函数在指定的毫秒(ms)数后执行指定函数(cb).:setTimeout() 只执行一次指定函数. 返回一个代表定时器的句柄值. 实例 创建文件 main.js ,代码如下所示: function printHello(){ console.log("Hello, World!");}// 两秒后执行以上函数 setTimeout(printHello,2000); 执行 main.js 文件,代码如下所示

Javascript中setTimeout()以及clearTimeout( )的使用

setTimeout setTimeout( ) 是属于 window 的 method, 这是用来设定一个时间,时间到了, 就会执行一个指定的 方法.练习一:等候三秒才执行的 alert( )setTimeout("alert('对不起, 要你久候')", 3000 ) 练习二:自动每秒加 1 x = 0function countSecond( ){ x = x+1 document.fm.displayBox.value=x setTimeout("countSecon

setTimeout与clearTimeout ——小小计时器

先看下效果 话不多说上代码~ <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>计时器</title> <script type="text/javascript"> var num=0; var i; f

JS中定时器setTimeout,setInterval,clearTimeout,clearInterval用法

setTimeout是指过多久执行,只执行一次 setInterval是指每过多久执行一次 clearTimeout是关闭setTimeout定时器 clearInterval是关闭setInterval定时器,不让它一直执行 <html> <head> <title></title> </head> <style> </style> <script> window.onload=function(){ var

settimeout,cleartimeout的使用分析

设置时间的定时轮回执行,大家想到的js也就是settimeout这个方法,这个方法确实能够实现定时反复执行的功能,clearttimeout这是清理或者是暂停轮回执行的情况.可是发现clearttimeout清理不了上次执行的settimeout句柄,到底怎么回事,是clearttimeout方法不好使?带着这个问题,我开始翻阅今天编写的代码,在js中,settimeout方法会返回一个int类型的数据,俗成为定时器编号或者ID,这个编号能够标识改定时器的唯一性,clearttimeout则用该