第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何停止超時?

如何停止超時?

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條經(jīng)驗 獲得超3個贊

在底部,您正在清除timeID,但函數(shù)本身已經(jīng)在線循環(huán)return setTimeout(run, 2000);。


您需要清除函數(shù)內(nèi)的實際超時。在下面的編輯中,它按照您想要的方式工作,除了需要在兩行代碼之后添加另一行代碼,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 關(guān)注
  • 130 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號