Keith wood Jquery倒计时显示5秒前剩余时间的警报信息?

时间:2013-01-17 06:40:04

标签: jquery countdowntimer

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>

1 个答案:

答案 0 :(得分:0)

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

为简单起见,请注明您的新约会。将倒计时设置为运行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。单击要浏览的选项卡。

干杯。