Javascript Easytimer.js未加载
我想使用Easytimer.js()库,但在chrome中出现以下错误: applet.js:1未捕获引用错误:未定义计时器 在applet.js:1 这是我的密码:Javascript Easytimer.js未加载,javascript,Javascript,我想使用Easytimer.js()库,但在chrome中出现以下错误: applet.js:1未捕获引用错误:未定义计时器 在applet.js:1 这是我的密码: var timer=new timer(); timer.start(); timer.addEventListener('secondsUpdated',函数(e){ $('#basicUsage').html(timer.getTimeValues().toString()); }); 00:00:00 在文档中,首先附加
var timer=new timer();
timer.start();
timer.addEventListener('secondsUpdated',函数(e){
$('#basicUsage').html(timer.getTimeValues().toString());
});代码>
00:00:00
在文档中,首先附加Easytimer和jQuery(或者jQuery和Easytimer-Easytimer是否依赖于jQuery?),然后再附加脚本。未加载DOM
这可能是因为以下原因:
缓存中有一个错误
剧本开始得太早了
尝试清除浏览器的缓存,如果不起作用,请执行以下操作:
$(window).on('load', function(){ // Your code }
或者在纯JavaScript中:
window.onload = function () {// Your code }
不知道您是否需要jQuery,但应该先加载它,然后加载Easytimer,最后加载脚本
var timer=new timer();
timer.start();
timer.addEventListener('secondsUpdated',函数(e){
$('#basicUsage').html(timer.getTimeValues().toString());
});代码>
00:00:00
将jQuery脚本标记移到顶部,并在整个过程中使用它
最佳做法是在触发启动之前添加事件侦听器
加载页面时执行计时器
$(函数(){
var timer=new timer();
$(计时器).on('secondsUpdated',函数(e){
$('#basicUsage').html(timer.getTimeValues().toString());
});
timer.start();
});代码>
00:00:00
您确定在脚本启动之前已经加载了DOM吗?我将此代码放入:如果(document.readyState=='complete'){console.log(“loaded”);}
并且我没有得到任何控制台输出……那么console.log(document.readyState)呢代码>?Genius^^它说加载…:/这可能与Internet Explorer及其缓存问题有关,请尝试清除缓存,看看是否有效。@LukasThiersch如果(document.readyState=='loading'){document.addEventListener('DOMContentLoaded',load);//文档仍在加载,因此DOMContentLoaded仍然可以触发:)}否则{load();}
@Sam不要在评论中发布代码。更新你的答案-除了注释中的代码不是很有用你帮了我,我猜:D如果我在我的“js”文件夹中使用js,它不起作用,但是使用link()它会起作用。有什么解释吗?最好在触发事件之前定义事件侦听器。看见