2013-01-17 35 views
1

http://jsfiddle.net/shadsaleem/XSceK/6/Keith wood Jquery倒計時僅剩5秒之前顯示提醒消息?

我想在剩餘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> 

回答

0

是的,你可以通過蜱將檢查剩餘時間,並拋出一個警告

註釋掉爲了簡單起見,新的日期函數。將倒計時設置爲運行10秒鐘,併爲每個滴答聲提供監視方法。在這種方法中,我們檢查秒數= 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。點擊標籤瀏覽。

乾杯。