HTML 倒计时 JavaScript

Question

我正在尝试使用 JavaScript 创建一个简单的 HTML 倒计时，遵循 this 示例。但它不起作用。我在 000webhost 上托管我的文件。你看有什么不对吗？

<html>
    <head>
        <script src="/js/countdown.js">
            var clock = document.getElementById("countdown-holder")
            , targetDate = new Date(2050, 00, 01); // Jan 1, 2050;
            clock.innerHTML = countdown(targetDate).toString();
            setInterval(function(){
            clock.innerHTML = countdown(targetDate).toString();
            }, 1000);
        </script>
    </head>

    <body>
        Countdown until 2050
        <h1 id="countdown-holder"></h1>
    </body>
</html>

Answer 1

您正在尝试将 /js/countdown.js 文件包含在与其余代码相同的脚本标记中。您应该首先包含该文件，然后为您的代码使用一个新的脚本标记来更新 div 的内容。像这样：

<script src="/js/countdown.js"></script>
<script>
    var clock = document.getElementById("countdown-holder")
    , targetDate = new Date(2050, 00, 01); // Jan 1, 2050;
    clock.innerHTML = countdown(targetDate).toString();
    setInterval(function(){
    clock.innerHTML = countdown(targetDate).toString();
    }, 1000);
</script>

如果这不起作用，可能是脚本在 countdown-holder div 存在之前执行。尝试将脚本标签移动到文件底部，就在 </body>.

之前

HTML 倒计时 JavaScript

HTML countdown with JavaScript

javascript

html

countdown