javascript - 如何修复此代码以永远显示 10 秒并隐藏 10 秒？

Question

如何修复此代码以一次又一次地显示 10 秒并隐藏 10 秒，但当访问者访问我的网站时，如果代码在 5 或 3 或 ... 秒内显示他可以看到，秒永远不会停止代码位于 5 ose 4 或 ... 隐藏的秒内，他看不到。

<div id = "adsdiv">This ad will close in 
<span id = "closingtimer">10</span>
seconds
</div>
<script type="text/javascript">
function closeMyAd() {
    document.getElementById("adsdiv").style.display = "none" ;
}

var seconds = 10;

function display() { 
    seconds --;
    if (seconds < 1) {
        closeMyAd();
    }
    else {
        document.getElementById( "closingtimer" ).innerHTML = seconds ;
        setTimeout("display()", 1000);
    }
}

display();
</script>

此代码仅显示 10 秒并关闭。

Answer 1

我会让你有一个不断增长的计时器变量。它以秒为单位跟踪当前时间。每次更新(每秒一次)时，您将其除以十，然后对结果应用模运算符以查看它是偶数还是奇数。然后，您有一个循环 if 语句，如果它是奇数则隐藏它，如果它是偶数则显示它。这将使其每十秒闪烁一次。