Javascript Easytimer.js未加载

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 在文档中,首先附加

我想使用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

在文档中,首先附加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()它会起作用。有什么解释吗?最好在触发事件之前定义事件侦听器。看见