打BOSS倒计时小程序之一个页面多个计时器并存

本文介绍了如何使用JavaScript实现一个页面中多个计时器并存的功能。当点击某行启动按钮时,对应计时器开始倒计时;点击停止则停止计时器;提供一键启动和停止所有勾选游戏的计时器。实现思路参考了相关博客,并通过Map存储计时器,以便在停止时准确找到对应的计时器。
摘要由CSDN通过智能技术生成

接着上一篇的操作xml,这一篇写多个计时器并存。

基本业务:点击某行的启动按钮时启动这行的计时器开始倒计时,点击停止时停止计时器停止倒计时。点击“一键启动”将启动勾选游戏的倒计时功能,点击“一键停止”将停止勾选游戏的倒计时。

多个计时器并存的思路是参考的这篇:http://www.cnblogs.com/Jerrycjc/p/4538048.html,以下直接上代码:

1、单个启动和停止

/**
 * 点击“启动”按钮触发该事件,该事件用来开启倒计时功能
 * @param obj:启动按钮A标签
 * **/
function startInterval(obj){
	var $td = $(obj).parent();
	var $tr = $td.parent();
	var $intervalTd = $td.prev();
	var curID = $tr.attr("curID");
	var gameName = $tr.children().eq(gameNameIndex).text();
	
	//1、校验是否启动
	var isStart = $tr.attr("sign");
	//说明已经启动,那么不处理
	if(isStart!=null && isStart!=undefined && isStart=="1"){return false;}
	/*
	//1、校验该按钮是否禁用
	var isDisabled = $(obj).attr("disabled");
	if(isDisabled!=undefined && (isDisabled==true || isDisabled.toString()=="true")){return false;}
	*/
	
	//添加启动标识
	$tr.attr("sign","1");//1:已经启动 0-未启动
	
	//2、移除原有的倒计时样式
	$intervalTd.removeClass("cutDown");
	
	//3、获取倒计时
	editCutDownTime($td);//未倒计时框初始化值
//	var maxTime = parseInt($td.prev().prev().prev().text());//取间隔时间
	var maxTime = parseInt($td.prev().text());//取倒计时时间
	$intervalTd.text(maxTime);//倒计时初始化
	
	//4、设备按钮的状态
	//启动按钮置灰
	disableLink(obj);
	//停止按钮开始
	enableLink($(obj).next()[0]);
	
	//若一开始时间就比提醒时间短,那么需要进行提醒(临时间隔时间)
	if(maxTime<=parseInt(remindTime)){//说明少于提醒时间,那么需要进行提示
		//开启提示音
		playR
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值