Question

我在网上发现了一个暂停和播放计时器的代码。当我在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>

Answer 1

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

在这里，你必须自己做。

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

这是可选的：

专业提示：使用 CDN （ C ontent D ellevery N etwork）。他们已经彻底优化了交付，并且经常会：

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

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

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

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

1 个答案:

这是可选的：