目前我有这个代码
setTimeout(function() { $('#hideMsg').fadeOut('fast'); },2000);
是否有可能将倒数计时器放置2秒钟?
喜欢
<div id="hideMsg"> The entry you posted not valid. This Box will Close In 2 Seconds </div>
解决方法
使用
setInterval而不是
setTimeout,然后结合
clearInterval
var sec = 2 var timer = setInterval(function() { $('#hideMsg span').text(sec--); if (sec == -1) { $('#hideMsg').fadeOut('fast'); clearInterval(timer); } },1000);
HTML
<div id="hideMsg"> The entry you posted not valid. This Box will Close In <span>2</span> Seconds </div>
做得更好
var sec = $('#hideMsg span').text() || 0; var timer = setInterval(function() { $('#hideMsg span').text(--sec); if (sec == 0) { $('#hideMsg').fadeOut('fast'); clearInterval(timer); } },1000);
所以时间将取决于< span>内部的内容。例如,< span> 2< / span>是2秒,< span> 5< / span>为5秒,< span> 60< / span>是1分钟。