У вас есть кнопка сброса и запуск таймера обратного отсчета

Question

Я пытаюсь начать таймер обратного отсчета при нажатии кнопки. Я искал и нашел несколько разных предметов, но ничего не функционировал.

У меня есть разные кнопки во всем домене, который будет устанавливать разные времена (IE: 120 секунд, 60 секунд и т. Д.). Дисплей находится в том же месте на каждой странице (div в верхней правой части загруженной страницы), так что я хотел использовать внешнюю JS scripts/timer.js

можно использовать <div id="timer"></div>, чтобы поместить таймер.

Мои вопросы: Как вызвать функцию для запуска таймера. Что такое хороший предложил сценарий для упомянутого таймера, когда количество времени может измениться, и он должен перенести на страницы (я использую $_SESSION['x'] для передачи информации между .php

<div class="headertopgab"> 
    <div style="float: left; margin-left: 20px"> 
     Galactic Credits: 
     <?php echo "&Ccedil;".$_SESSION['galacticCredits']; ?> 
    </div> 
    <div style="margin-left: 50px; float: left"> 
     <?php echo "".$_SESSION['currentLocation']; ?> 
    </div> 
    <div style="float:right"> 
     <div id="time">10</div> <!-- this is where I want the countdown--> 
    </div> 
</div> 

Answer 1

вы можете использовать этот

var countdown; 
var counter = function(){ 
    var time = parseInt($('#time').text()); 
    if (time !== 0){ 
     $('#time').text(time - 1); 
    }else{ 
     clearInterval(countdown); 
    } 
} 
countdown = setInterval(counter , 1000); 

DEMO