JavaScript:如果发生错误,则初始化不同的图像

时间:2017-02-21 04:25:53

标签: javascript jquery html

我有一个包含以下内容的文件夹(给出一个最小的例子)

var timeLabels = [
 { name: "0:00", present: true, label: ["0:00", "1:00"], alterName:"" }, 
 { name: "1:00", present: true, label: ["1:00", "2:00"], alterName:"" }, 
 { name: "2:00", present: true, label: ["2:00", "3:00"], alterName:"" }];
 
 timeStamp = [["0:00","1:00"], ["2:00","3:00"]];
 
results = timeLabels.forEach(function(res){
 label = JSON.stringify(res.label);//converts into string
 ts = JSON.stringify(timeStamp);//converts into string
 if(ts.indexOf(label)>=0){ //checks whether label is present or not
 res.present = true;
 }
 else{
 res.present = false;
 }
});
console.log(timeLabels);

我已经编写了以下JavaScript代码。 HTML文件有两个画布元素,用于绘制ex1_1.png ex1_2.png ex2_1.png page.html ex1_1.png,每个画布元素都有一个关联的"下一个"按钮。如果单击第一个,则会删除第一个canvas元素并绘制ex2_1.png。我想要的是下一个按钮循环我的所有图像,当超过最后一个图像时返回到开始。以下JavaScript实现了这一点,除了它循环的部分。当它到达包含源ex_2.png的图像(文件夹中不存在)时,我遇到了崩溃,但是在ex1_3.png命令上 - 它告诉我无论出于何种原因,它都是& #39;在尝试绘制之前,不会将源循环回draw()

尽我所能调试此问题,ex1_1.png部分出现问题,或者如何使用全局变量img.onerror实现它。当我循环使用下一个按钮时,如果我在window.indicator函数中打印了值,则指示符会显示true然后显示false。但是如果我从img.onerror函数中打印,它就不会显示next()。这听起来像false在全球范围内保持其价值的某种问题。

window.indicator

我可以完全切换策略。我听说PHP是服务器端查看目录中文件的一种不错的方式,我可以使用它,但我不知道如何在浏览器加载时执行PHP脚本或者如何获取结果并将其移交给JavaScript文件。

0 个答案:

没有答案