Question

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

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

我在做什么错了？

<!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>

我希望倒数正在显示，但只显示裁判

Answer 1

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

倒数计时嵌入到简单的html中

1 个答案: