jquery - Keith wood Jquery Countdown 在剩余时间 5 秒之前显示警报消息？

Question

http://jsfiddle.net/shadsaleem/XSceK/6/

我想在剩余 5 秒时提醒一条消息。

我的主要目标是在他的时间结束之前向用户显示一条消息，他还有 5 秒。任何人都可以帮助我吗？

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

<script type="text/javascript" src="http://keith-wood.name/js/jquery.countdown.js"></script>
<script type="text/javascript">

     $(function () {
       var austDay = new Date();

       $('#defaultCountdown').countdown({until:+10});

      });

</script>

<div id="defaultCountdown" align="center"></div>

Answer 1

是的，您可以将刻度传递给一个函数，该函数将检查剩余时间并发出警报

为简单起见，注释掉您的新日期。将倒计时设置为运行 10 秒，并为每个刻度设置一个 watch 方法。在该方法中，我们检查秒数是否 = 5，如果是警报。

//var austDay=new Date()
$('#defaultCountdown').countdown({until: 10, compact:true, onTick: warnUser});

function warnUser(periods) { 
   if ($.countdown.periodsToSeconds(periods) == 5) { 
      alert("Five seconds remaining!"); 
   } 
}

http://jsfiddle.net/XSceK/9/

插件网站有很多例子。http://keith-wood.name/countdown.html。单击选项卡进行探索。

干杯。