捕获javascript秒表停止时间并将其存储为php变量

时间:2011-04-04 09:27:30

标签: php javascript mysql timer stopwatch

我正在使用这个秒表:

<script language="JavaScript" type="text/javascript">
window.onload = function()
{
  stopwatch('Start');
}

<!--
var sec = 0;
var min = 0;
var hour = 0;
function stopwatch(text) {
   sec++;
  if (sec == 60) {
   sec = 0;
   min = min + 1; }
  else {
   min = min; }
  if (min == 60) {
   min = 0; 
   hour += 1; }

if (sec<=9) { sec = "0" + sec; }
   document.clock.stwa.value = ((hour<=9) ? "0"+hour : hour) + " : " + ((min<=9) ? "0" + min : min) + " : " + sec;

  if (text == "Start") { document.clock.theButton.value = "Stop "; }
  if (text == "Stop ") { document.clock.theButton.value = "Start"; }

  if (document.clock.theButton.value == "Start") {
   window.clearTimeout(SD);
   return true; }
SD=window.setTimeout("stopwatch();", 1000);
}

function resetIt() {
  sec = -1;
  min = 0;
  hour = 0;
  if (document.clock.theButton.value == "Stop ") {
  document.clock.theButton.value = "Start"; }
  window.clearTimeout(SD);
 }
// -->
</script>

并希望捕获时钟停止的时间,然后将其存储为PHP变量,以便我可以将其与大量其他PHP变量一起插入到我们的数据库中。这可能吗?

感谢您的帮助

1 个答案:

答案 0 :(得分:3)

使用一些AJAX加强您的代码。函数内部resetIt()将当前时间戳传递给你的php脚本。

jQuery有一个可靠的AJAX部分和很好的文档以及示例。

(假设jQuery已加载,启动并运行)

function resetIt() {
  $.ajax({
    url: 'your.php',
    success: function(response){
      alert(response);
    }
  });
  sec = -1;
  min = 0;
  hour = 0;
  if (document.clock.theButton.value == "Stop ") {
  document.clock.theButton.value = "Start"; }
  window.clearTimeout(SD);
}

your.php(因为您需要保存实际时间戳,我们不会将任何变量传递给PHP部分。如果需要添加特定变量(来自JS),您可以添加它们,当然)

if(mysql_query("INSERT INTO `database` (`stopped`) VALUES (NOW())")) {
  echo 'success';
} else {
  echo 'failed';
}
die();