gpt4 book ai didi

Javascript - 为什么这个 setTimeout 函数不起作用?

转载 作者:太空宇宙 更新时间:2023-11-04 03:14:57 25 4
gpt4 key购买 nike

在我的一生中,我似乎无法从这段代码中获得任何类型的结果。我希望该函数向 ID 为 "ring" 的所有元素添加然后删除一个附加类每次执行后都会增加延迟。 setTimeout() 的其他示例函数是这样写的。

function flash_rings()
{
var e = document.getElementById("ring");
setTimeout(function(){e.className = "ring hover";}, 1000);
setTimeout(function(){e.className = "ring";}, 1000);
}

类已经编写和测试,所以我知道这不是 CSS 的错。该函数将在 <body> 中调用的 onload=事件。代码片段位于页面的最底部,紧挨着 </body> 的上方。标签。

帮忙吗?

谢谢,

~锡安

最佳答案

作为Pablo said , 它们一个接一个地发生,一秒钟后。

如果您希望第二个发生在第一个之后:

function flash_rings()
{
var e = document.getElementById("ring");
setTimeout(function(){
e.className = "ring hover";
setTimeout(function(){
e.className = "ring";
}, 1000);
}, 1000);
}

或者

function flash_rings()
{
var e = document.getElementById("ring");
setTimeout(function(){ e.className = "ring hover"; }, 1000);
setTimeout(function(){ e.className = "ring"; }, 2000);
}

后一个连接较少,但您可以相当确定第二个将在第一个之后大约一秒发生,除非页面真的忙于做其他事情。 (如果第一个不是也是计时器的东西,你就不会这样做;如果它是 ajax 或其他东西,你肯定会等待第一个完成,然后再安排第二个。)

关于Javascript - 为什么这个 setTimeout 函数不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28856808/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com