已解決430363個問題，去搜搜看，總會有你想問的

如何停止超時？

首頁猿問如何停止超時？

如何停止超時？

JavaScript

ABOUTYOU 2023-10-14 16:52:57

我被卡住了，當我在 2 秒后打開頁面時，我想顯示隨機項目 1 秒。然后再重復一次。但是當我懸停項目時我想停止動畫。我怎樣才能以正確的方式做到這一點？那一刻我有這個解決方案let element = document.getElementsByClassName("triger");const getRandomInt = (max) => Math.floor(Math.random() * Math.floor(max));console.log(window.TIMERS)const run = () => { let random = getRandomInt(3); element[random].classList.add("hover"); setTimeout(() => { element[random].classList.remove("hover"); return setTimeout(run, 2000); }, 1000);};const timeID = setTimeout(run, 2000);console.log(timeID)let a = document.getElementsByClassName("triger_wrap")[0];a.addEventListener("mouseenter", () => { console.log('a') clearTimeout(timeID)});會很高興有任何幫助https://codepen.io/Timonck/pen/BaLKrBw

查看完整描述

1 回答

子衿沉夜

TA貢獻1828條經驗獲得超3個贊

在底部，您正在清除timeID，但函數本身已經在線循環return setTimeout(run, 2000);。

您需要清除函數內的實際超時。在下面的編輯中，它按照您想要的方式工作，除了需要在兩行代碼之后添加另一行代碼，clearTimeouts以便.hover在我們停止超時時從當前擁有該類的元素中刪除該類。

let element = document.getElementsByClassName("triger");

let timeout;

const getRandomInt = (max) => Math.floor(Math.random() * Math.floor(max));

const run = () => {

let random = getRandomInt(3);

element[random].classList.add("hover");

timeout = setTimeout(() => {

element[random].classList.remove("hover");

return setTimeout(run, 2000);

}, 1000);

};

const timeID = setTimeout(run, 2000);

let a = document.getElementsByClassName("triger_wrap")[0];

a.addEventListener("mouseenter", () => {

clearTimeout(timeID)

clearTimeout(timeout);

// find element with .hover class and remove it

});

反對回復 2023-10-14

1 回答
0 關注
124 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何停止超時？

如何停止超時？

1 回答

添加回答

如何停止超時？

如何停止超時？