JSP实现时间倒计时

此类倒计时实用性挺强,是一位大神教楼主写的;例如一个等待支付页面的倒计时,根据代码稍微做更改,便可复用。。

步骤如下:
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>

运行结果:

  • 2
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值