使用 JavaScript 的 HTML 倒计时 [重复]答案

【问题标题】：HTML countdown with JavaScript [duplicate]使用 JavaScript 的 HTML 倒计时 [重复]
【发布时间】：2017-12-01 09:44:02
【问题描述】：

我正在尝试使用 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>

【问题讨论】：

代码看起来没问题，你有你的 /js/countdown.js 吗？
倒计时未定义。 countdown.js 文件中有什么内容？函数是什么样子的？

标签： javascript html countdown

【解决方案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> 之前。

【讨论】：

这很有效！首先我添加了一个新的脚本标签，但它没有帮助。然后我按照您的第二个提示进行操作，然后它起作用了。谢谢！将在五分钟内接受您的回答（限时限制我）。谢谢你这么快的反应。真的很感激。