倒计时嵌入简单的html答案

【问题标题】：Countdown embed in simple html倒计时嵌入简单的html
【发布时间】：2019-01-01 23:59:47
【问题描述】：

我尝试将以下内容嵌入到 html 网站中： https://www.tickcounter.com/clone/countdown/915856

问题是当我运行它时，我没有得到计时器。但是当我在 fsFiddle 中运行它时，我得到了倒数计时器。

我做错了什么？

<!DOCTYPE html>
<html>
    <head>
        <title>test</title>
    </head>
    <body>
    <div data-type="countdown" data-id="915856" class="tickcounter" style="width: 100%; position: relative; padding-bottom: 25%"><a href="//www.tickcounter.com/countdown/915856/my-countdown" title="My countdown">My countdown</a><a href="//www.tickcounter.com/" title="Countdown">Countdown</a></div><script>(function(d, s, id) { var js, pjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//www.tickcounter.com/static/js/loader.js"; pjs.parentNode.insertBefore(js, pjs); }(document, "script", "tickcounter-sdk"));</script>
    </body>
</html>

我希望倒计时会出现，但它只显示参考

【问题讨论】：

您使用的是什么环境（代码编辑器、浏览器等）？
我只是用Chrome打开html文件
而编辑器是notepad++
谁能帮助我？

标签： javascript html counter

【解决方案1】：

当您在本地打开 HTML 页面时，TickCounter 小部件不会加载，因为它的加载脚本依赖于网站协议。您必须将代码放在真实服务器上，因此您的网站地址以http:// 或https:// 开头。这就是为什么您的 JSFiddle 有效而您的本地副本无效的原因。

【讨论】：