Есть такой скрипт
function timer() {
var seconds = 5;
var seconds_timer_id = setInterval(function() {
if (seconds > 0) {
seconds --;
if (seconds < 10) {
seconds = "0" + seconds;
}
$(".videotime").text(seconds);
} else {
clearInterval(seconds_timer_id);
$("#allcount").val((+$("#allcount").val() + 1));
}
}, 1000);
}
Который я запускаю так
<a href="index.php?id=test1" rel="prettyPopin" onclick="timer(); this.style.display='none';">Старт</a>
Когда скрипт запускается первый раз то он увеличивает значение в поле input на единицу, а когда я питаюсь запустить его второй раз ничего не преисходит. Вернее тймер идет но увеличения нет.
Форма в которой должно увеличеватся число
function timer() {
var seconds = 5;
var seconds_timer_id = setInterval(function() {
if (seconds > 0) {
seconds --;
if (seconds < 10) {
seconds = "0" + seconds;
}
$(".videotime").text(seconds);
} else {
clearInterval(seconds_timer_id);
$("#allcount").val((+$("#allcount").val() + 1));
}
}, 1000);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<div class="videotime">0</div>
<form id="formMain" name="formMain">
<input type="text" value="0" id="allcount" name="counttest" />
</form>
<a href="#" rel="prettyPopin" onclick="timer(); this.style.display='none';">Смотреть видео</a><br>
<a href="#" rel="prettyPopin" onclick="timer(); this.style.display='none';">Смотреть видео</a><br>
<a href="#" rel="prettyPopin" onclick="timer(); this.style.display='none';">Смотреть видео</a><br>
<a href="#" rel="prettyPopin" onclick="timer(); this.style.display='none';">Смотреть видео</a><br>
<a href="#" rel="prettyPopin" onclick="timer(); this.style.display='none';">Смотреть видео</a><br>
<a href="#" rel="prettyPopin" onclick="timer(); this.style.display='none';">Смотреть видео</a><br>
$("#allcount").val((+$("#allcount").val() + 1));
Непонятно, какой смысл в проверке(seconds < 10)
, еслиseconds
начинается с числа 5 и уменьшется.