2016-05-28 47 views
0

我在創建一個網站窗體,當它加載一個計時器時,啓動並提交完成所花費的時間記錄到數據庫中。我不知道如何開始做到這一點。我試圖找到示例源代碼,沒有運氣。這不是倒計時,我需要能夠打印完成到數據庫中的時間。在頁面加載時啓動計時器,在數據庫中記錄時間

如果你能夠鏈接這個例子,我會很滿。

+1

一種方法是在生成表單並將該值放入隱藏字段時調用PHP time()函數。當用戶提交時,這個開始時間將被傳遞給被調用的腳本。在該腳本中,您可以再次調用time()函數來獲得結束時間。減去兩者以得到經過的時間。這聽起來怎麼樣? –

回答

0

您可以使用此JS倒計時器(下面給出),然後在提交時將值發送給數據庫。

var sec = 00; // set the seconds 
 
var min = 00; // set the minutes 
 

 
function countDown() { 
 
    sec++; 
 
    if (sec == 59) { 
 
    sec = 00; 
 
    min = min + 1; 
 
    } else { 
 
    min = min; 
 
    } 
 
    if (sec <= 9) { 
 
    sec = "0" + sec; 
 
    } 
 
    time = (min <= 9 ? "0" + min : min) + " min and " + sec + " sec "; 
 
    if (document.getElementById('time')) { 
 
    var theTime = document.getElementById('time'); 
 
    theTime.innerHTML = time; 
 
    } 
 
    SD = window.setTimeout("countDown();", 1000); 
 
    if (min == '05' && sec == '00') { 
 
    window.clearTimeout(SD); 
 
    alert("Too slow."); 
 
    } 
 
} 
 

 
function addLoadEvent(func) { 
 
    var oldonload = window.onload; 
 
    if (typeof window.onload != 'function') { 
 
    window.onload = func; 
 
    } 
 
    else { 
 
    window.onload = function() { 
 
     if (oldonload) { 
 
     oldonload(); 
 
     } 
 
     func(); 
 
    } 
 
    } 
 
} 
 

 
addLoadEvent(function() { 
 
    var el = document.getElementById("startButton"); 
 
    el.addEventListener("click", countDown, false); 
 
});
<body onload="countDown()"> 
 
    <div id="time"></div> 
 
</body>

這版畫 「太慢」,如果它需要比5分鐘以上。

使用getElementByID獲取div的值&使用insert command將其保存到db。

+0

這正是我要找的謝謝! –

0

設置onclick html按鈕開始窗體。在Javascript中定義函數來處理開始時間和結束時間。提交表單調用功能設置結束時間。這是你的計劃嗎?