Question

我已经找了几个答案的地方，但即使我找到了有类似问题的人，他们得到的解决方案也没有让我伤心。

我的标题中有一个JS，在页面加载时不会加载。正在为ShowTime函数运行一个onload，但是对于document.ready也是如此。我慢慢感到沮丧，所以我来到这里寻求帮助。我已经在jsfiddle中对它进行了测试，它工作正常，而不是在我的浏览器中。

剧本：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js">   
    function ShowTime() 
        {
            var now = new Date();
            var hrs = 15-now.getHours();
            var mins = 60-now.getMinutes();
            var secs = 60-now.getSeconds();
            timeLeft = "" +hrs+' hours '+mins+' minutes '+secs+' seconds';
            $("#countdown").html(timeLeft);
        }

        var countdown;
        function StopTime() 
        {
            clearInterval(countdown);   
        }

        ShowTime();
        var countdown = setInterval(ShowTime ,1000);
    </script>

HTML：

<div id="countdown"></div>

非常感谢任何帮助。

Answer 1

只是你关闭了<script>错误的

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
 function ShowTime() 
    {
        var now = new Date();
        var hrs = 15-now.getHours();
        var mins = 60-now.getMinutes();
        var secs = 60-now.getSeconds();
        timeLeft = "" +hrs+' hours '+mins+' minutes '+secs+' seconds';
        $("#countdown").html(timeLeft);
    }

    var countdown;
    function StopTime() 
    {
        clearInterval(countdown);   
    }

    ShowTime();
    var countdown = setInterval(ShowTime ,1000);
});
</script>

Working Fiddle

Javascript无法在页面加载时启动

1 个答案: