Question

您好我正在尝试在我的测试引擎中添加倒数计时器。但我无法显示。如果我在php页面中添加脚本而不是其工作但重新加载并重新开始。但如果我保持java脚本文件分开，以避免重新加载比无法显示计时器。我正在添加代码请建议我合适的ans.Html和js在单独的文件中。

<script>
    //define your time in second
    var c=120;
    var t;
    timedCount();

    function timedCount() {
        var hours = parseInt( c / 3600 ) % 24;
        var minutes = parseInt( c / 60 ) % 60;
        var seconds = c % 60;

        var result = (hours < 10 ? "0" + hours : hours) + ":" + (minutes < 10 ? "0" + minutes : minutes) + ":" + (seconds  < 10 ? "0" + seconds : seconds);

        document.getElementById("timer").innerHTML=result;

        if(c == 0 ) {
            //setConfirmUnload(false);
            //$("#quiz_form").submit();
            window.location="result.php?td=$tid";
        }
        c = c - 1;
        t = setTimeout(function() {
            timedCount()
        },
        1000);
    }
</script>

//html
<div class='col-md-12 sub_top'>
    <h4 style="color:#FF0000" align="center">
        Time Remaining : <span id='timer'></span>
    </h4>
</div>

Answer 1

脚本运行时，您尝试查找的元素（document.getElementById（＆＃34; timer＆＃34;））不在DOM中。

解决方案1 

要解决此问题，您可以在window.onload事件

上执行代码

   window.onload = function(){
              timedCount();
    }

解决方案2

在DOMContentLoaded上执行代码（文档就绪）

document.addEventListener('DOMContentLoaded', function(){
              timedCount();
            }, false);

解决方案3

在关闭正文标记之前移动您的脚本。

php

1 个答案: