Кнопка таймер, почему она кликабельна?

Question

[Greenberg2]

<div class="row rowfield">
		<div class="col-xs-4 text-center col-xs-push-4">
			<span id='subbtn'>
			<input type='hidden' name='with' value='true'>
        <input type='submit' id='claimbtn' value='Ждите 25 секунд' class='btn btn-lg btn-primary disabled' style=' '>
        <script>
            var secsLeft = 25;
            setInterval(function(){
                secsLeft--;
                if(secsLeft > 0){
                    $('#claimbtn').val('Wait ' + secsLeft + 's');
                } else if(secsLeft == 0){
                    $('#claimbtn').removeClass('disabled');
                    $('#claimbtn').val('Get a Reward');
                     $('#claimbtn').attr('onclick');
                }
            }, 1000);
        </script>

По идеи кнопка должна быть кликабельна по истечении 25 секунд, но ее можно нажать сразу. в JS я не алло.

Answer 1

[Stalker_RED]

Вероятно, кроме класса disabled нужно еще и аттрибут disabled добавить.

Answer 2

[Greenberg2]

Тфу вот решение

<input type='submit' id='claimbtn' value='Ждите 25 секунд' class='btn btn-lg btn-primary disabled' disabled>
        <script>
            var secsLeft = 25;
            setInterval(function(){
                secsLeft--;
                if(secsLeft > 0){
                    $('#claimbtn').val('Wait ' + secsLeft + 's');
                } else if(secsLeft == 0){
                    $('#claimbtn').removeClass('disabled');
					$('#claimbtn').removeAttr('disabled');
                    $('#claimbtn').val('Get a Reward');
                     $('#claimbtn').attr('onclick');
                }
            }, 1000);
        </script>