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

為了賬號安全，請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題，去搜搜看，總會有你想問的

“setTimeout”javascript 函數(shù)不起作用的代碼有什么問題？

“setTimeout”javascript 函數(shù)不起作用的代碼有什么問題？

滄海一幻覺 2023-03-24 14:21:57
對于我的網(wǎng)站，我想使用顯示一些內(nèi)容mouseover，并且即使在采取操作時(shí)也希望顯示內(nèi)容幾秒鐘，mouseout因?yàn)閮?nèi)容包含一些有用的鏈接。為此，我使用setTimeoutjavascript 函數(shù)將函數(shù)延遲mouseout10 秒。但不幸的是它不起作用。<body>    <img src="images/1.jpg" alt="some_text" id="test1" style="height: 450px; width: 300px;">    <img src="images/1.jpg" id="test2" alt="some_text" style="height: 450px; width: 300px;">    <script>        document.getElementById("test1").addEventListener("mouseover", mouseOver);        document.getElementById("test1").addEventListener("mouseout", mouseOut);        function mouseOver() {            document.getElementById("test2").style.opacity = "0";            document.getElementById("test2").style.visibility = "hidden";        }        function mouseOut() {            document.getElementById("test2").style.opacity = "1";            document.getElementById("test2").style.visibility = "visible";        }        setTimeout(mouseOut, 10000);    </script></body>
查看完整描述

3 回答

?
大話西游666

TA貢獻(xiàn)1817條經(jīng)驗(yàn) 獲得超14個(gè)贊

您應(yīng)該調(diào)用setTimeout內(nèi)部事件處理程序，如下所示：


document.getElementById("test1").addEventListener("mouseout", mouseOut);

function mouseOut() {

    setTimeout(mouseOut2, 10000);

}

function mouseOut2() {

    document.getElementById("test2").style.opacity = "1";

    document.getElementById("test2").style.visibility = "visible";

}


查看完整回答
反對 回復(fù) 2023-03-24
?
蠱毒傳說

TA貢獻(xiàn)1895條經(jīng)驗(yàn) 獲得超3個(gè)贊

SetTimeout 應(yīng)該在 mouseOut 里面


        document.getElementById("test1").addEventListener("mouseover", mouseOver);

        document.getElementById("test1").addEventListener("mouseout", mouseOut);


        function mouseOver() {

            document.getElementById("test2").style.opacity = "0";

            document.getElementById("test2").style.visibility = "hidden";

        }


        function mouseOut() {

                setTimeout(()=>{

                            document.getElementById("test2").style.opacity = "1";

                            document.getElementById("test2").style.visibility = "visible";

            }, 6000);


        }

<body>

    <img src="images/1.jpg" alt="some_text" id="test1" style="height: 450px; width: 300px;">

    <img src="images/1.jpg" id="test2" alt="some_text" style="height: 450px; width: 300px;">


</body>


查看完整回答
反對 回復(fù) 2023-03-24
?
一只萌萌小番薯

TA貢獻(xiàn)1795條經(jīng)驗(yàn) 獲得超7個(gè)贊

由于您綁定mouseOut為相應(yīng)事件的事件處理程序，它仍將被執(zhí)行。您setTimeout添加的只會再調(diào)用mouseOut一次，與鼠標(biāo)事件無關(guān)。


如果您想延遲處理鼠標(biāo)移開事件時(shí)發(fā)生的事情，請執(zhí)行以下操作：


        function mouseOut() {

            setTimeout(function () {

                document.getElementById("test2").style.opacity = "1";

                document.getElementById("test2").style.visibility = "visible";

            }, 10000);

        }

但是請注意，這可能不是那么用戶友好。用戶可能希望該行為與他們的鼠標(biāo)移動(dòng)有關(guān)，但現(xiàn)在連接丟失了——肯定有 10 秒的超時(shí)。


查看完整回答
反對 回復(fù) 2023-03-24
  • 3 回答
  • 0 關(guān)注
  • 183 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號

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