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后 可以继续点击

一起学习！