Javascript JSLint错误:未声明';图像';,未申报的';文件';,超出范围

Javascript JSLint错误:未声明';图像';,未申报的';文件';,超出范围,javascript,jslint,Javascript,Jslint,使用非常基本的javascript知识,我构建了一个简单的幻灯片(代码如下)。它可以工作,但JSLint显示以下错误: 未声明的“图像”幻灯片图像[0]=新图像() 未声明的“setInterval”setInterval(myCounter,50) 'myCounter'超出范围setInterval(myCounter,50) 未声明的“文档”document.getElementById('slide').src=slideimages[step].src 如何克服这些问题,例如声明这

使用非常基本的javascript知识,我构建了一个简单的幻灯片(代码如下)。它可以工作,但JSLint显示以下错误:

  • 未声明的“图像”幻灯片图像[0]=新图像()
  • 未声明的“setInterval”setInterval(myCounter,50)
  • 'myCounter'超出范围setInterval(myCounter,50)
  • 未声明的“文档”document.getElementById('slide').src=slideimages[step].src
如何克服这些问题,例如声明这些元素

var slideimages = [];

slideimages[0] = new Image();
slideimages[0].src = "http://placehold.it/350x150?text=Welcome";
slideimages[1] = new Image();
slideimages[1].src = "imgs/slide_1.png";
slideimages[2] = new Image();
slideimages[2].src = "imgs/slide_2.png";


var step = 0;

var c = 0;
var a = 0;
setInterval(myCounter, 50);
function myCounter() {

    'use strict';

document.getElementById('slide').src = slideimages[step].src;

    if ((c >= 0) && (c < 40)) {
        c += 1;
        a = c;
        step = 1;
document.getElementById("demo").innerHTML = a / 100;
document.getElementById("slide").style.opacity = a / 40;

    } else if ((c >= 40) && (c < 80)) {

        c += 1;
        a = c;
document.getElementById("demo").innerHTML = a / 100;
document.getElementById("slide").style.opacity = 1;

    } else if ((c >= 80) && (c < 100)) {

        c += 1;
        a = c;
document.getElementById("demo").innerHTML = 1 - ((a - 80) / 20);
document.getElementById("slide").style.opacity = 1 - ((a - 80) / 20);

    } else if ((c >= 100) && (c < 140)) {

        c += 1;
        a = c;
        step = 2;
document.getElementById("demo").innerHTML = a / 100;
document.getElementById("slide").style.opacity = (a - 100) / 40;

    } else if ((c >= 140) && (c < 180)) {

        c += 1;
        a = c;
document.getElementById("demo").innerHTML = a / 100;
document.getElementById("slide").style.opacity = 1;

    } else if ((c >= 180) && (c < 200)) {

        c += 1;
        a = c;
document.getElementById("demo").innerHTML = 1 - ((a - 180) / 20);
document.getElementById("slide").style.opacity = 1 - ((a - 180) / 20);

    } else {
        c = 0;
    }
}
var slidemages=[];
slideimages[0]=新图像();
SlideImage[0]。src=”http://placehold.it/350x150?text=Welcome";
slideimages[1]=新图像();
slideimages[1].src=“imgs/slide_1.png”;
slideimages[2]=新图像();
slideimages[2].src=“imgs/slide_2.png”;
var阶跃=0;
var c=0;
var a=0;
设置间隔(myCounter,50);
函数myCounter(){
"严格使用",;
document.getElementById('slide').src=slideimages[step].src;
如果((c>=0)和&(c<40)){
c+=1;
a=c;
步骤=1;
document.getElementById(“demo”).innerHTML=a/100;
document.getElementById(“幻灯片”).style.opacity=a/40;
}否则,如果((c>=40)和((c<80)){
c+=1;
a=c;
document.getElementById(“demo”).innerHTML=a/100;
document.getElementById(“幻灯片”).style.opacity=1;
}否则,如果((c>=80)和((c<100)){
c+=1;
a=c;
document.getElementById(“demo”).innerHTML=1-((a-80)/20);
document.getElementById(“幻灯片”).style.opacity=1-((a-80)/20);
}否则,如果((c>=100)和((c<140)){
c+=1;
a=c;
步骤=2;
document.getElementById(“demo”).innerHTML=a/100;
document.getElementById(“slide”).style.opacity=(a-100)/40;
}否则如果((c>=140)和((c<180)){
c+=1;
a=c;
document.getElementById(“demo”).innerHTML=a/100;
document.getElementById(“幻灯片”).style.opacity=1;
}否则如果((c>=180)和((c<200)){
c+=1;
a=c;
document.getElementById(“demo”).innerHTML=1-((a-180)/20);
document.getElementById(“slide”).style.opacity=1-((a-180)/20);
}否则{
c=0;
}
}

默认情况下,LSLint不允许与浏览器相关的内容。因此,

Undeclared 'Image' slideimages[0] = new Image();
Undeclared 'setInterval' setInterval(myCounter, 50);
Undeclared 'document' document.getElementById('slide').src =slideimages[step].src;
查看jslint选项,特别是