ユーザーが自分のフォームの質問にデータベースに回答した時間を節約する方法

Question

"時間"をデータベースに保存するのに問題があります。私が保存したい "時間"は、ユーザが質問に答えるのに費やした時間で、送信ボタンを押すと、費やした時間がデータベースに保存されます。ここ

は私のjavascriptです：

var minutesLabel = document.getElementById("minutes"); 
    var secondsLabel = document.getElementById("seconds"); 
    var totalSeconds = 0; 
    var secondLabel = document.getElementById("second"); 
    setInterval(setTime, 1000); 

    function setTime() 
    { 
     ++totalSeconds; 
     secondsLabel.innerHTML = pad(totalSeconds%60); 
     secondLabel.innerHTML = pad(totalSeconds); 
     minutesLabel.innerHTML = pad(parseInt(totalSeconds/60)); 
    } 

    function pad(val) 
    { 
     var valString = val + ""; 
     if(valString.length < 2) 
     { 
      return "0" + valString; 
     } 
     else 
     { 
      return valString; 
     } 
    } 

これは私がそれらを呼び出す方法です：

<label id="minutes">00</label>:<label id="seconds">00</label> 

私が達成しようとしている何minuteslabelを保存することです。提案がある場合は、躊躇しないでください。ありがとう

Answer 1

私はあなたがすでに画面に時間を印刷しているからです。フォーム提出を使用していて、ajaxではなく、次のようにしてください：

<!-- In your view/html --> 
<form ........ > 
<input type="hidden" id="timeSpent" name="timeSpent"> 
. 
. 
. 

// In your Javascript 
<script> 
function setTime() 
{ 
    ++totalSeconds; 
    secondsLabel.innerHTML = pad(totalSeconds%60); 
    secondLabel.innerHTML = pad(totalSeconds); 
    minutesLabel.innerHTML = pad(parseInt(totalSeconds/60)); 
    document.getElementById("timeSpent").value = pad(parseInt(totalSeconds/60)) + pad(totalSeconds%60); 
} 
</script>