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);
  • 相关阅读:
    Windows安装Oracle
    MySQL索引的创建和使用
    使用TensorFlow进行中文情感分析
    gensim库word2vec使用
    软件测试理论
    产品经理
    产品经理
    产品经理
    职业规划及核心竞争力
    项目管理
  • 原文地址:https://www.cnblogs.com/gonghuixin/p/10844845.html
Copyright © 2011-2022 走看看