此类倒计时实用性挺强,是一位大神教楼主写的;例如一个等待支付页面的倒计时,根据代码稍微做更改,便可复用。。
步骤如下:
1、首先需要引用 jquery.js ,我这里是 jquery.min.js
<script type="text/javascript" src="resource/js/jquery.min.js"></script>
2、在script标签中实现主要代码
$(document).ready(function() {
var totalTime = parseFloat($('#minute').text()), totalSecond = totalTime * 60, minute = $('#minute'), second = $('#second');
function setTimeover() {
window.setInterval(function() {
if (totalSecond > 0) {
totalSecond--;
} else {
minute.text(0);
second.text(0);
return false;
}
var minuteTime = Math.floor(totalSecond / 60), secondTime = totalSecond % 60;
minute.text(minuteTime);
second.text(secondTime);
}, 1000);
}
setTimeover();
});
3、body中输出倒计时时间
<a href="#" class="dropdown-toggle" >
剩余时间: <i id="minute">120</i>分<i id="second">0</i>秒
</a>
运行结果: