JQ简单时间应用

用到的函数，事件      

1、delegate('对象','事件',function(){})  事件绑定   点击一次后执行完毕还能继续点击      

2、click 点击事件      

3、setInterval(方法，定时执行的时间 毫秒)	 定时函数      

4、clearInterval()	//方法可取消由 setInterval() 设置的 timeout。      

5、attr()	//
设置或返回被选元素的属性值。
      

6、disabled	//禁用 input 元素。      

学习君呢也是新手 在敲代码中也遇到了BUG  调呗        

学习君在测试中发现  如果连续点击的时候 就会报错  按钮会被一只禁用  反复调试呢发现 之前学习君把 定时器       
var count = 5;   //计时器      
        
定义成全局的 没有var 导致的bug 大家在学习中一定要注意 细心       

一起学习！      

<--HTML-->      

<input type="submit" class="but" value="搜索">      
   

<-HTML->      

<--定时函数执行任务 JQ 代码-->      

$(document).delegate('.but','click', function () {
    _this = $('.but');
    var count = 5;   //计时器
    var _keng = setInterval(getTime,1000);   //定时函数
        //定时方法
        function getTime()
        {
            //添加禁止点击属性 改变按钮显示值
            _this.attr('disabled',true).val('请在'+count+'后搜索');
            //判断时间
            if(count == 0){
                _this.val('搜索').removeAttr('disabled');
                clearInterval(_keng);
            }
            count--
        }
})      

<--定时函数执行任务 JQ 代码-->      
   

效果      

第一次点击后会给按钮变成灰色 不能点击  倒计时5s后 可以继续点击      

一起学习！