zoukankan      html  css  js  c++  java
  • 关于setInterval设置倒计时只执行一次,clearInterval停止

    使用setInterval方法实现如图倒计时,但实际运行只运行了一遍

    源代码如下:

    var s = setInterval(time,1000);
    var  n = 10;
    function time(){
         //缴费按钮不可用倒计时
    	if(num>0){
    		num--;
                    //修改按钮显示文本
    	        $("#zhuce11").text("确认缴费("+n+")");
    	} else {
    		$("#zhuce11").text("确认缴费");
    		//设置缴费按钮可用
    		$("#zhuce11").attr('disabled',false);
    		$("#zhuce11").css('background-color', '#f9313a');
    		clearInterval(s);
    	}    
    }    
    

      网上搜的方法都是将setInterval("time()",1000)修改为setInterval(time,1000)

           但修改后并不管用

           于是我试着把两个方法写在一块,成功,代码如下:

    var n = 10;
    var s = setInterval(function(){
        //缴费按钮不可用倒计时
        if(n > 0){
            n--;
            $("#zhuce11").text("确认缴费("+n+")");
        } else {
            $("#zhuce11").text("确认缴费");
            //修改缴费按钮可用
            $("#zhuce11").attr('disabled',false);
            $("#zhuce11").css('background-color', '#f9313a');
            clearInterval(s);
        }
    }, 1000);
  • 相关阅读:
    SpringBoot自定义HttpMessageConverter
    第一次使用Linux服务器所栽之坑
    入门Nginx
    HttpClient中的Timout
    SpringBoot启动
    SpringBoot注解
    百度2017春招笔试
    学习JUnit
    Mybatis中的@SelectKey注解
    PHP中MD5函数漏洞
  • 原文地址:https://www.cnblogs.com/gonghuixin/p/10844845.html
Copyright © 2011-2022 走看看