Question

我正在努力让这个功能发挥作用，但我不知道什么是错的，我不是很擅长js。我想用跨度id“count”来调用我的计时器函数，并使用秒数来倒计时。

示例：

<p id="hello">Wait <span id="count">5</span> secs</p>

<?php
echo '<script type="text/javascript">'
   , 'timer(5);'
   , '</script>';
?>
<script>
function timer(tiempo){

  setInterval(function() {
    tiempo--;
    if (tiempo >= 0) {
      span = document.getElementById("count");
      span.innerHTML = tiempo;
    }
    // Display 'counter' wherever you want to display it.
    if (tiempo === 0) {
      window.location.reload();
        clearInterval(tiempo);
    }

  }, 1000);

});
</script>

怎么了？

Answer 1

在调用之前定义函数：

<script type='text/javascript'>
function timer(tiempo){
  setInterval(function() {
    tiempo--;
    if (tiempo >= 0) {
      span = document.getElementById("count");
      span.innerHTML = tiempo;
    }
    // Display 'counter' wherever you want to display it.
    if (tiempo === 0) {
      window.location.reload();
        clearInterval(tiempo);
    }

  }, 1000);

}
</script>
<p id="hello">Wait <span id="count">5</span> secs</p>

<?php
echo '<script type="text/javascript">'
   , 'timer(5);'
   , '</script>';
?>

Answer 2

这里的问题与PHP无关。

在HTML文档的JavaScript中：

函数声明已悬挂
所有脚本共享相同的工作环境

然而：

不会将函数从后续脚本提升到较早的脚本

您正在运行尝试运行计时器功能的脚本。

然后您正在运行定义该功能的脚本。

它并不及时存在。

或者：

交换<script>元素或
删除第一个</script>代码和第二个<script>代码

Answer 3

查看演示。

<强> HTML

<p id="hello">Wait <span id="count">5</span> secs</p>
<input type="button" value="start" id="start" />

Jquery和JS

$('#start').click(function(){
showTimer(5);
});

function showTimer(tiempo){

    setInterval(function() {
    tiempo--;
    if (tiempo >= 0) {
      span = document.getElementById("count");
        span.innerHTML = tiempo+'.....';
    }
    // Display 'counter' wherever you want to display it.
    if (tiempo === 0) {
     // window.location.reload();
        clearInterval(tiempo);
        alert('movie starts......');
    }

  }, 1000);

}

<强>样本

http://jsfiddle.net/nadeemmnn2007/jeps93gy/

倒计时JS + PHP，有什么不对？

3 个答案: