多用途Javascript倒计时器

我有一个java脚本倒计时函数，它工作得很好，但总是只显示一个结果。我想要的是，就像在php中一样，我给出一个值（在我们的例子中是剩余时间），然后它开始倒计时。我想在同一页上显示不同的倒计时计时器，但这似乎是一个更大的问题，然后我想，遗憾的是无法单独找到答案：/

这是我使用的函数，有人能帮我修改它，让我得到我想要的吗

在这里的第一个答案之后，我仍然没有得到我想要的：（这是我已经尝试过的：

我的php函数：

function count_down_timer($time,$id) {

    echo "<script language=\"JavaScript\"><!--

        var count = $time;
        var counter=setInterval(timer, 1000);

        function timer() {

            count=count-1;

            var h = Math.floor(count/3600);
            var m = Math.floor(count % 3600/60);

            if(h == 1) { var h_txt = h + ' hour'; } else if(h > 1) { var h_txt = h + ' hours'; } else { var h_txt = ''; }
            if(m == 1) { var m_txt = m + ' minute'; } else if(m > 1) { var m_txt = m + ' minutes'; } else { var m_txt = '< 1 minute'; }
            if(h > 0 && m > 0) { var and = ' and '; } else { var and = ''; }

            document.getElementById(\"$id\").innerHTML = h_txt + and + m_txt;
        }
    //--></script>";

}

函数倒计时（$time，$id）{
回声“；
}

我的结果：

<?php

count_down_timer(1000,'timer');
count_down_timer(4000,'test');

?>

<span id="timer"></span><p>
<span id="test"></span>

---

两者都给出了4000的最新时间。

您可以创建一个数组来存储信息。数组的每个元素都有该计时器的跨度id和剩余时间。计时器将每秒减少每个计时器的剩余时间

---

PHP页面需要在数组中打印一个元素，并为每个计时器打印一个span。

代码不起作用的原因是您只有一个名为

count

的全局变量。因此，计时器值在第二次

count\u down\u timer（）时更改为4000

被调用。如果要保留两个单独的计数，应为计数变量指定不同的名称

我还将只回显您的javascript

timer（）

函数一次。它不需要在每次运行时回显

此外，我将完全修改您的php函数，使其只需执行以下操作：

<?php 
function count_down_timer($time,$id){
  echo "var ".$id."Count = $time;
  setInterval(function(){ 
    ".$id."Count = ".$id."Count - 1;
    timer(".$id."Count, '$id');
  }, 1000);";
}
?>

---

非常感谢，先生！这就是我想要的结果：DDone:）非常感谢
 <?php 
   count_down_timer(1000, 'test');
   count_down_timer(4000, 'timer');
 ?>