js中cleartimeout怎么用(cleartimeout用法)

http://www.itjxue.com  2023-01-24 17:05  来源:未知  点击次数: 

用js怎么实现一个div显示时间2秒后就自动消失。

首先,需要一个定时器,可以使用JS中的setTimeout() 方法。

其次,实现DIV消失,有很多种办法,可以使用$("#div").css('display','none'),通过设置DIV的display属性为none实现隐藏,也可以使用Jquery中hide()方法实现隐藏,还可以使用remove()移除DIV来实现DIV的消失。

下面是使用css(),setTimeout() 两个方法实现2秒后自动消失的完整代码:

扩展资料:

clearTimeout()用于重置js定时器,如果你希望阻止setTimeout的运行,就可以使用clearTimeout方法。

例如,如果想手动点击按钮停止DIV消失,代码可以这样写:

!doctype html

html

head

meta charset="utf-8"

title实现DIV2秒后就自动消失/title

script src="__JS__/jquery.min.js"/script

/head

body

div id="div"

这是DIV里的内容

/div

a id="stop" onclick="stop()"/点击停止消失/a

script

var timer;

$(function () {

timer=setTimeout(function () {

$("#div").css('display','none');

}, 2000);

})

function stop(){

clearTimeout(timer);

}

/script

/body

/html

JS里clearTimeout()方法是什么方法?

(1)setTimeout()简单的说就是过多少秒以后调用某个函数

(2)clearTimeout() 清除定时器

在javascript中 setInterval()、clearInterval()、clearTimeout()等等常用的函数的含义是什么?

setInterval()是一种定时器,它按照指定的设置时间(以毫秒计)来调用函数的方法。clearInterval()是结束定时器的循环调用函数。除非调用clearInterval()方法,否则无限循环执行回调函数。例如:

var?i?=?0;//定义一个变量i

var?t?=?setInterval(function(){

????if(i?===?60){

????????clearInterval(t);//假如i是60,则清除此定时器,结束循环回调

????}else{

????????i++;

????????console.log(i);

????}

},1000);//设置每1000毫秒(一秒钟)回调一次函数

setTimeout()同理也是一种定时器,对应的结束定时的方法是clearTimeout()。与setInterval()不同的是,此定时器只执行一次,例如:

var?t?=?setTimeout(function(){

????console.log("OK");

},1000);//一秒后在控制台输出字符串"OK"

(责任编辑:IT教学网)

更多