Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 添加+;1到另一个按钮的div_Javascript_Html_Jquery_Timer_Disable - Fatal编程技术网

Javascript 添加+;1到另一个按钮的div

Javascript 添加+;1到另一个按钮的div,javascript,html,jquery,timer,disable,Javascript,Html,Jquery,Timer,Disable,我有一个带10秒定时器的按钮。当计时器运行时,按钮被禁用10秒。10秒后,该按钮再次启用,您的帐户(Div)将获得+25美元。运行代码段以查看: $('btn').prop('disabled',true); 开始计数(); 函数getCounter(){ 返回parseInt($('#counter').html(); } 函数设置计数器(计数){ $('#counter').html(计数); } $(“#btn”)。单击(函数(){ 设置计数器(getCounter()+25); $('

我有一个带10秒定时器的按钮。当计时器运行时,按钮被禁用10秒。10秒后,该按钮再次启用,您的帐户(Div)将获得+25美元。运行代码段以查看:

$('btn').prop('disabled',true);
开始计数();
函数getCounter(){
返回parseInt($('#counter').html();
}
函数设置计数器(计数){
$('#counter').html(计数);
}
$(“#btn”)。单击(函数(){
设置计数器(getCounter()+25);
$('#btn').prop('disabled',true);
开始计数();
});
函数startCountDown(){
var分钟=0,
秒=10;
$(“#倒计时”).html(分钟+”:“+秒);
var count=setInterval(函数(){

如果(parseInt(minutes)<0 | | parseInt(seconds)可能我误解了你的问题,但为什么不添加一个类似的方法来添加+1和+25。如下所示:

$(".addOneButton").click(function() {
   setCounter(getCounter() + 1);
}); 
$('btn').prop('disabled',true);
开始计数();
函数getCounter(){
返回parseInt($('#counter').html();
}
函数设置计数器(计数){
$('#counter').html(计数);
}
$(“#btn”)。单击(函数(){
设置计数器(getCounter()+25);
$('#btn').prop('disabled',true);
开始计数();
});
$(“.addOneButton”)。单击(函数(){
设置计数器(getCounter()+1);
}); 
函数startCountDown(){
var分钟=0,
秒=10;
$(“#倒计时”).html(分钟+”:“+秒);
var count=setInterval(函数(){

如果(parseInt(minutes)<0 | | parseInt(seconds)可能我误解了你的问题,但为什么不添加一个类似的方法来添加+1和+25。如下所示:

$(".addOneButton").click(function() {
   setCounter(getCounter() + 1);
}); 
$('btn').prop('disabled',true);
开始计数();
函数getCounter(){
返回parseInt($('#counter').html();
}
函数设置计数器(计数){
$('#counter').html(计数);
}
$(“#btn”)。单击(函数(){
设置计数器(getCounter()+25);
$('#btn').prop('disabled',true);
开始计数();
});
$(“.addOneButton”)。单击(函数(){
设置计数器(getCounter()+1);
}); 
函数startCountDown(){
var分钟=0,
秒=10;
$(“#倒计时”).html(分钟+”:“+秒);
var count=setInterval(函数(){

如果(parseInt(分钟)<0 | | parseInt(秒)您的计数器ID在第二个代码段中显示为未定义。这就是代码无法检索值的原因,因为您再次设置了ID

clicks.id = document.querySelector('#counter');
只需在代码中注释上面的行,它就会按预期运行

也为了正确工作。下面是代码中的一些修改

// add one button start

const addOneButton = document.querySelector('.addOneButton');
    addOneButton.onclick = Counter;
    const clicks = document.querySelector('#counter');
    //clicks.id = document.querySelector('#counter');

    var a = 0;

    function Counter() {
        a = getCounter() + 1;
        clicks.innerHTML = a;
    }

// Timer Button Part start

    $('#btn').prop('disabled',true);
    startCountDown();

    function getCounter(){
        return  parseInt($('#counter').html());
    }
    function setCounter(count) {
        $('#counter').html(count);
    }

    $("#btn").click(function() {
        setCounter(getCounter()+25);
        $('#btn').prop('disabled',true);
        startCountDown();
    });

    function startCountDown() {
        var minutes = 0,
            seconds = 1;
        $("#countdown").html(minutes + ":" + seconds);
        var count = setInterval(function() {
            if (parseInt(minutes) < 0 || parseInt(seconds) <=0 ) {
                $("#countdown").html("Collect");
                clearInterval(count);
                $('#btn').prop('disabled',false);
            } else {
                $("#countdown").html(minutes + ":" + seconds);
                seconds--;
                if (seconds < 10) seconds = "0" + seconds;
            }
        }, 1000);
    }
//添加一个按钮开始
const addOneButton=document.querySelector('.addOneButton');
addOneButton.onclick=计数器;
const clicks=document.querySelector(“#counter”);
//clicks.id=document.querySelector(“#counter”);
var a=0;
函数计数器(){
a=getCounter()+1;
clicks.innerHTML=a;
}
//定时器按钮部分启动
$('#btn').prop('disabled',true);
开始计数();
函数getCounter(){
返回parseInt($('#counter').html();
}
函数设置计数器(计数){
$('#counter').html(计数);
}
$(“#btn”)。单击(函数(){
设置计数器(getCounter()+25);
$('#btn').prop('disabled',true);
开始计数();
});
函数startCountDown(){
var分钟=0,
秒=1;
$(“#倒计时”).html(分钟+”:“+秒);
var count=setInterval(函数(){

如果(parseInt(分钟)<0 | | parseInt(秒)您的计数器ID在第二个代码段中显示为未定义。这就是代码无法检索值的原因,因为您再次设置了ID

clicks.id = document.querySelector('#counter');
只需在代码中注释上面的行,它就会按预期运行

也为了正确工作。下面是代码中的一些修改

// add one button start

const addOneButton = document.querySelector('.addOneButton');
    addOneButton.onclick = Counter;
    const clicks = document.querySelector('#counter');
    //clicks.id = document.querySelector('#counter');

    var a = 0;

    function Counter() {
        a = getCounter() + 1;
        clicks.innerHTML = a;
    }

// Timer Button Part start

    $('#btn').prop('disabled',true);
    startCountDown();

    function getCounter(){
        return  parseInt($('#counter').html());
    }
    function setCounter(count) {
        $('#counter').html(count);
    }

    $("#btn").click(function() {
        setCounter(getCounter()+25);
        $('#btn').prop('disabled',true);
        startCountDown();
    });

    function startCountDown() {
        var minutes = 0,
            seconds = 1;
        $("#countdown").html(minutes + ":" + seconds);
        var count = setInterval(function() {
            if (parseInt(minutes) < 0 || parseInt(seconds) <=0 ) {
                $("#countdown").html("Collect");
                clearInterval(count);
                $('#btn').prop('disabled',false);
            } else {
                $("#countdown").html(minutes + ":" + seconds);
                seconds--;
                if (seconds < 10) seconds = "0" + seconds;
            }
        }, 1000);
    }
//添加一个按钮开始
const addOneButton=document.querySelector('.addOneButton');
addOneButton.onclick=计数器;
const clicks=document.querySelector(“#counter”);
//clicks.id=document.querySelector(“#counter”);
var a=0;
函数计数器(){
a=getCounter()+1;
clicks.innerHTML=a;
}
//定时器按钮部分启动
$('#btn').prop('disabled',true);
开始计数();
函数getCounter(){
返回parseInt($('#counter').html();
}
函数设置计数器(计数){
$('#counter').html(计数);
}
$(“#btn”)。单击(函数(){
设置计数器(getCounter()+25);
$('#btn').prop('disabled',true);
开始计数();
});
函数startCountDown(){
var分钟=0,
秒=1;
$(“#倒计时”).html(分钟+”:“+秒);
var count=setInterval(函数(){

if(parseInt(分钟)<0 | | parseInt(秒)非常感谢这正是我所需要的。我对javascript/jQuery非常陌生,所以我自己也尝试过一些东西。谢谢你的支持effort@GucciBananaKing99,没问题。很高兴能提供帮助。非常感谢。这正是我所需要的。我对javascript/jQuery非常陌生,所以我自己也尝试了一些东西。谢谢你的帮助effort@GucciBananaKing9没问题。很乐意帮忙。