有一個按鈕重置並啓動倒數計時器

我試圖單擊按鈕時開始倒數計時器。我搜索並找到了一些不同的項目，但似乎沒有任何功能。有一個按鈕重置並啓動倒數計時器

我有不同的按鈕在整個域設置不同的時間（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>

來源

2015-06-13 jpgerb

這是一個很寬泛的問題，但在正確的方向上推的是你所需要的計時器代碼是在JavaScript在頁面上。但是，如果你還需要在服務器上的價值，你會必須將定時器值傳遞給服務器/從服務器傳遞 - 可能通過隱藏在FORM標籤中的輸入。 – mrunion

更具體地說，我正在尋找倒計時腳本和我需要列出的任何庫。由於服務器不在我的機器上，我無法下載它們並在本地安裝。 – jpgerb

你不需要任何庫。只需Google即可使用JavaScript「setTimeout（）」方法。有很多例子。如果你需要他們，記得回覆你的時間。 – mrunion

之間傳遞信息，您可以使用此

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

來源

2015-06-13 05:38:34

有一個按鈕重置並啓動倒數計時器

回答

相關問題