jQuery倒计时器

前端之家收集整理的这篇文章主要介绍了jQuery倒计时器前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
目前我有这个代码
setTimeout(function() { $('#hideMsg').fadeOut('fast'); },2000);

是否有可能将倒数计时器放置2秒钟?

喜欢

<div id="hideMsg">
The entry you posted not valid.
This Box will Close In 2 Seconds
</div>

“此框将关闭2秒”将自动更改为2秒1秒

解决方法

使用 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>

crazy demo

做得更好

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分钟。

another crazy demo

原文链接:https://www.f2er.com/jquery/182788.html

猜你在找的jQuery相关文章