0
A
回答
1
試試這個:
$(function() {
var defaultTimer = 400, // Default amount of seconds if url variable is not found
callback = function() {
// Will be executed when the timer finishes
alert("Time is up!");
};
var counter = 1, timer,
match = document.location.href.match(/[\?|&]timer=(\d+)/i),
totalTime = match ? match[1] : defaultTimer;
timer = setInterval(function() {
if (totalTime != -1 && !isNaN(totalTime)) {
val = 'Time left: ' + (function() {
var m = Math.floor(totalTime/60);
if (m < 10) {
return '0'.concat(m);
} else {
return m;
}
})() + ':' + (function() {
var s = totalTime % 60;
if (s < 10) {
return '0'.concat(s);
} else {
return s;
}
})();
$('#counter').html(val);
totalTime--;
} else {
window.clearInterval(timer);
timer = null;
callback();
}
}, 1000);
});
你可以在這裏找到一個例子:http://jsfiddle.net/hHD4w/
1
在這裏你去
<span id="countdown"></span>
<script>
var timer = 31233;
setInterval(function() {
var minute = Math.floor(timer/60);
var second = '00' + (timer % 60);
var val = minute + ':' + second.substring(second.length - 2);
$('#countdown').html(val);
timer--;
}, 1000);
</script>
固定的格式 - http://jsfiddle.net/3NYY9/8/
1
檢查了這一點...
http://code.google.com/p/jquery-countdown/
...和演示...
http://jquery-countdown.googlecode.com/svn/trunk/index.html
我希望這有助於。
斯托伊奇
相關問題
- 1. 倒計時jquery
- 2. jQuery倒計時
- 3. JQuery倒計時器不倒計時
- 4. jQuery倒計時不正確倒計時
- 5. 倒計時的jQuery
- 6. jQuery倒計時 - 每日倒計時,還有次要倒計時?
- 7. jQuery的倒計時時區
- 8. Javascript,jquery倒計時
- 9. jquery使倒計時
- 10. 的JavaScript/jQuery的倒計時
- 11. jQuery倒計時 - 倒計時結束時的事件
- 12. JavaScript的jQuery倒計時計時器
- 13. jQuery的倒計時插件
- 14. jQuery的倒計時日期
- 15. jQuery的倒數計時器
- 16. jQuery的倒數計時器
- 17. jQuery的倒數計時器沒有倒計時
- 18. jQuery的倒計時重啓倒計時任何按鈕
- 19. jQuery每週倒計時計時器
- 20. 問題與jQuery倒計時計時器
- 21. jquery倒計時計時器調整
- 22. jQuery倒計時 - 重置計時器
- 23. jquery - 重置倒計時
- 24. PHP/JQuery/JavaScript倒計時
- 25. jQuery倒計時進度條
- 26. Jquery倒計時功能
- 27. 使用jQuery倒計時
- 28. 倒計時不工作jquery
- 29. PHP和jquery倒計時
- 30. 倒計時器Javascript或Jquery?
http://keith-wood.name/countdown.html – Sotiris