Jquery 定时器 倒计时

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src=‘jquery-1.7.js‘></script>
</head>
<body>
    <input type="button" value="搜索" class="but">
</body>
</html>
<script>
$(function(){
        $(document).delegate(‘.but‘,‘click‘,function(){
                var _this = $(‘.but‘)
                var count = 2;                                //@1、定义一个秒数
                var keng = setInterval(kengNo,1000);    //@2、写一个函数 函数里有个方法  每秒执行
                function kengNo(){
                    _this.attr("disabled",true).val("请在"+count+"后搜索");   //@3、点击之后禁止button按钮，修改value值
                    // $(‘.but‘);    
                    if(count == 0){                        //@4、当5秒减完   判断
                        _this.val("搜索").removeAttr("disabled");   //@5、清楚禁止属性 ，重置value值
                        clearInterval(keng);                            //@6、清除函数
                    }
                    count--;//@每次执行这个方法将会减1
                }
                    
        })
})
</script>

时间： 2024-10-12 14:55:15

Jquery 定时器 倒计时的相关文章

jquery实现倒计时

1 <html> 2 <head> 3 <meta charset="utf-8"/> 4 <title>jquery实现倒计时</title> 5 <script src="js/jquery-1.8.3.min.js" type="text/javascript"></script> 6 </head> 7 8 <body> 9 <

jQuery实现倒计时效果-杨秀徐

本实例效果:剩余368天22小时39分57秒结束 代码简单易懂,适用各种倒计时: <!DOCTYPE html> <head> <title>jQuery实现倒计时效果-杨秀徐</title> <script type="text/javascript" src="/scripts/jquery.js"></script> <script type="text/javascrip

jQuery控制倒计时

1.1 秒杀的倒计时 做秒杀网页总免不了倒计时,但没有很好的服务器,啥资源都没有,只能将部分任务交给浏览器去处理,比如秒杀首页的倒计时,因为真正秒杀是在具体页面,首页只是展示而已,所以误差一点是允许的. 而在具体商品页,时间要求比较严谨,可以通过每秒向服务器提交信息核实,也可以通过隔时间段提交,核对并确保时间无误(误差较小). 1.2 jQuery控制倒计时示例 1 $(document).ready(function() { 2 onTimer("#time",12000); 3 }

jQuery简单倒计时插件

1. 按照特定的类结构布局. 2. 需要先引入jQuery,再引入此文件. /** * 简单倒计时 * * 支持页面内同时存在多个计时器并且不互相干扰 * * Usage: * * <div class="timer-simple-seconds" timer="3600"> * <span class="hour">hour</span>小时<span class="minute"&

jquery按钮倒计时

<!DOCTYPE html> <html> <head> <title>发送验证码</title> </head> <body> 手机号:<input type="text" name="mobile" value="" id="mobile"> 验证码:<input type="text" name=&

jQuery登录倒计时

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> <script type="text/javascript"> var countdown=60; functi

简单的jQuery定时器

在jQuery Timers中提供了3个函数式 everyTime(时间间隔, [计时器名称], 函式名称, [次数限制], [等待函式程序完成]) oneTime(时间间隔, [计时器名称], 呼叫的函式) stopTime ([计时器名称], [函式名称]) everyTime函数式 everyTime函数式相当于js中的循环定时器 1:每间隔一秒钟循环执行a() function a(){ alert(1); } $('body').everyTime('1s',a); 2:简写版 $('

定时器.倒计时

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>禁用</title> <script type="text/javascript" src="js/jquery.min.js"></script></head><body>

JQuery 定时器 (Jquery Timer 插件)

jQuery Timers插件地址: http://plugins.jquery.com/project/timers JQuery Timers应用知识提供了三个函式1. everyTime(时间间隔, [计时器名称], 函式名称, [次数限制], [等待函式程序完成])2. oneTime(时间间隔, [计时器名称], 呼叫的函式)3. stopTime ([计时器名称], [函式名称])/***************************************************