js定时器,设置按钮倒计时

时间:2022-08-09 00:23:16

有个button,在页面进入的时候,进行倒计时操作。

var backTime = 60;
	function setTime(val){
		if(backTime == 0 ){
			val.removeAttr("disabled");;
			val.val("已阅读并同意协议内容");
		}else{
			val.attr("disabled",true);
			val.val("请认真阅读协议内容("+backTime+")");
			backTime -- ;
			setTimeout(function(){var $agree = $("#agreeButton");
			setTime($agree);},1000)
		}
	}
	setTimeout(function(){
		var $agree = $("#agreeButton");
		setTime($agree);
	},1000)
这里有几个小细节:
var $agree = $("#agreeButton"); //获得的是一个jq对象
var agree = document.getElementById("#agreeButton");//获得的是一个dom对象
这样获取并得到的是一个jquery对象。 可以通过如下方式来转换为dom对象

var agree_dom = $agree.get(0);//

var $dom_agree = ${agree}//

不同的对象,调用不同的方法。

$.val() 、$.removeAttr()、$.attr()

dom.html() 、dom.value="" 、 dom.removeAttribute()、dom.setAttrrbute()