当我尝试暂停并在 jsFiddle 中播放时，我的代码有效，但它在我的 html 页面中不起作用

我在网上找到了一个暂停并播放计时器的代码。当我在jsFiddle中使用它时，它起作用了，但当我将相同的代码复制到我的html页面时，它不起作用？有人能解释为什么会发生这种事吗？
我的HTML:中的代码

<body onload="start();">
<script>
function start() {
var output = $('h1');
var isPaused = false;
var time = 30;
var t = window.setInterval(function() {
    if(!isPaused) {
        time--;
        output.text("0:" +time);
    }
}, 1000);
}
//with jquery
$('.pause').on('click', function(e) {
    e.preventDefault();
    isPaused = true;
});
$('.play').on('click', function(e) {
    e.preventDefault();
    isPaused = false;
});
</script>
<a href="#" class="play">Play</a>
<a href="#" class="pause">Pause</a>
<h1>0</h1>
</body>

jsFiddle自动插入<script src="jquery.js"></script>标记。

在这里，你必须自己做。

<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>

这是可选的：

专业提示：使用CDN（C内容D交付N网络）。他们已经彻底优化了交付，并且经常：

I）从物理上离最终用户最近的服务器发送内容。这将导致更快的装载速度。

II）浏览器中的缓存。这意味着，如果网站www.example.com已经使用了您想要的脚本，则它将永远不会再次加载（直到清除缓存）。使用旧副本，这意味着脚本没有加载时间。

最后：使用CDN！他们经常是免费的！为什么不呢？

这是可选的：

相关内容

最新更新

热门标签：