天天看點

一段最簡單的實作HTML頁面上倒計時的動态效果

</div><div data-lake-id="55bfab1d0f28296fd658192f1cdc1592">var countdown = function(timeout) {</div><div data-lake-id="36298c24cb1db3d3314e0ce0db0adcc5">    var countUI = document.getElementById("count");</div><div data-lake-id="bf2a3d0da15c6fae6bb458d37976c44b">    if(!!countUI) {</div><div data-lake-id="7544cd24fe9009785221dc8eeecaa915">        countUI.innerHTML = timeout;</div><div data-lake-id="a2167df5dd80becbd7e1b9774b0a3d0c">        if (timeout == 0) {</div><div data-lake-id="a700794882bcf44fa479f4ac267f650c">            alert("end");</div><div data-lake-id="be7b713848018ca2134d55ddb8b1c090">        }</div><div data-lake-id="f2ff70824266fd393487b8f868f76824">        else {</div><div data-lake-id="79e23024bf5b0dde5452b3df1a495a28">         timeout--;</div><div data-lake-id="92abed14acf651bc8c64ed4e84cb8e18">            setTimeout(function(){  </div><div data-lake-id="d95575b0aa1d1f7f6436c33f8f73f5b2">             countdown(timeout)</div><div data-lake-id="3e62ae9b746461b99269dbcc0970c966">            }, 1000);</div><div data-lake-id="d09ff08903a678f25a9670ec003ef1b8">        }</div><div data-lake-id="61944548f923b7cdd5a5eeb56e59f44a">    }</div><div data-lake-id="e5d54e40897abad2e4e2525a7cd5b267">}</div><div data-lake-id="79fdf662ba0a3917f67314a30d8057d6">function init(){</div><div data-lake-id="6a2571c07d64f1b9e267cef351150428"> countdown(5);</div><div data-lake-id="e799c4e3585991ac1c84037145bec31d">}</div><div data-lake-id="68b7f6582f34e2a72d6cbb73f767a2fc">

5

繼續閱讀