带图像的Javascript时钟
我正在发疯:我的Javascript时钟不工作了。我使用Firebug查找错误,但没有得到任何输出 图像文件位于子文件夹带图像的Javascript时钟,javascript,html,arrays,date,Javascript,Html,Arrays,Date,我正在发疯:我的Javascript时钟不工作了。我使用Firebug查找错误,但没有得到任何输出 图像文件位于子文件夹Dual\u Months和Dual\u number中。我添加了document.write()在我的函数中查看它们是否触发,但我没有得到任何响应。如果有人看到任何明显的错误,我将感谢你的帮助 var imageclock=new Object() imageclock.digits=["num_0.png", "num_1.png", "num_2.png", "num_3
Dual\u Months
和Dual\u number
中。我添加了document.write()代码>在我的函数中查看它们是否触发,但我没有得到任何响应。如果有人看到任何明显的错误,我将感谢你的帮助
var imageclock=new Object()
imageclock.digits=["num_0.png", "num_1.png", "num_2.png", "num_3.png", "num_4.png", "num_5.png", "num_6.png", "num_7.png", "num_8.png", "num_9.png", "am.png", "pm.png", "colon.png"]
imageclock.months=["dual_jan.png", "dual_feb.png", "dual_mar.png", "dual_apr.png", "dual_may.png", "dual_jun.png", "dual_jul.png", "dual_aug.png", "dual_sept.png", "dual_oct.png", "dual_nov.png", "dual_dec.png"]
imageclock.instances=0
var preloadimages=[]
var preloadmonths=[]
for (var i=0; i<imageclock.months.length; i++){ //preload images
preloadmonths[i]=new Image()
preloadmonths[i].src="Dual_Months"+imageclock.months[i]
}
for (var i=0; i<imageclock.digits.length; i++){ //preload images
preloadimages[i]=new Image()
preloadimages[i].src="Dual_Numbers"+imageclock.digits[i]
}
imageclock.imageHTML=function(timestring){
//return timestring (ie: 1:56:38) into string of images instead
var sections=timestring.split("/")
for (var i=0; i<sections.length; i++){
if (sections[i] == sections[0])
sections[i]='<img src="Dual_Months/'+imageclock.months[0]+'" />'
else if(sections[i].length==1 && sections[i] == sections[1])
sections[i]='<img src="Dual_Numbers/'+imageclock.digits[0]'" />'+'<img src="Dual_Numbers/'+imageclock.digits[parseInt(sections[i])]+'" />'
else if(sections[i].length!=1 && sections[i] != sections[0])
sections[i]='<img src="Dual_Numbers/'+imageclock.digits[parseInt(sections[i].charAt(0))]+'" />'+'<img src="Dual_Numbers/'+imageclock.digits[parseInt(sections[i].charAt(1))]+'" />'
}
return sections[0]+'<img src="single_nums/'+imageclock.digits[12]+'" />'+sections[1]+'<img src="single_nums/'+imageclock.digits[12]+'" />'+sections[2]
}
imageclock.display=function(){
var clockinstance=this
this.spanid="clockspan"+(imageclock.instances++)
document.write('<span id="'+this.spanid+'"></span>')
this.update()
setInterval(function(){clockinstance.update()}, 1000)
}
imageclock.display.prototype.update=function(){
var dateobj=new Date()
var currentdate=dateobj.getMonth()+"/"+dateobj.getDay()
document.write(currentdate)
var currenttimeHTML=imageclock.imageHTML(currentdate)
document.getElementById(this.spanid).innerHTML=currenttimeHTML
}
new imageclock.display();
var-imageclock=新对象()
imageclock.digits=[“num_0.png”,“num_1.png”,“num_2.png”,“num_3.png”,“num_4.png”,“num_5.png”,“num_6.png”,“num_7.png”,“num_8.png”,“num_9.png”,“am.png”,“pm.png”,“colon.png”]
imageclock.months=[“dual_jan.png”,“dual_feb.png”,“dual_mar.png”,“dual_apr.png”,“dual_may.png”,“dual_jun.png”,“dual_jul.png”,“dual_aug.png”,“dual_sept.png”,“dual_oct.png”,“dual_nov.png”,“dual_dec.png”]
imageclock.instances=0
var preload图像=[]
var月数=[]
对于(var i=0;i,脚本中存在一些语法错误
此行末尾缺少一个”
:
sections[i]='<img src="Dual_Months/'+imageclock.months[0]+'" />
sections[i]='<img src="Dual_Months/'+imageclock.months[0]+'" />'
sections[i]='<img src="Dual_Numbers/'+imageclock.digits[0]'" />'+'<img src="Dual_Numbers/'+imageclock.digits[parseInt(sections[i])]+'" />'
sections[i]='<img src="Dual_Numbers/'+imageclock.digits[0]+'" />'+'<img src="Dual_Numbers/'+imageclock.digits[parseInt(sections[i])]+'" />'
脚本中有一些语法错误
此行末尾缺少一个”
:
sections[i]='<img src="Dual_Months/'+imageclock.months[0]+'" />
sections[i]='<img src="Dual_Months/'+imageclock.months[0]+'" />'
sections[i]='<img src="Dual_Numbers/'+imageclock.digits[0]'" />'+'<img src="Dual_Numbers/'+imageclock.digits[parseInt(sections[i])]+'" />'
sections[i]='<img src="Dual_Numbers/'+imageclock.digits[0]+'" />'+'<img src="Dual_Numbers/'+imageclock.digits[parseInt(sections[i])]+'" />'
您的javascript出现snytax错误,请先更正它
if (sections[i] == sections[0])
sections[i]='<img src="Dual_Months/'+imageclock.months[0]+'" />'
else if(sections[i].length==1 && sections[i] == sections[1])
sections[i]='<img src="Dual_Numbers/'+imageclock.digits[0]+'" />'+'<img src="Dual_Numbers/'+imageclock.digits[parseInt(sections[i])]+'" />'
else if(sections[i].length!=1 && sections[i] != sections[0])
if(节[i]==节[0])
第[i]=''节
else if(节[i].length==1&§ions[i]==sections[1])
第[i]节=“”+“”
else如果(节[i].length!=1&§ions[i]!=sections[0])
您的javascript出现snytax错误,请先更正它
if (sections[i] == sections[0])
sections[i]='<img src="Dual_Months/'+imageclock.months[0]+'" />'
else if(sections[i].length==1 && sections[i] == sections[1])
sections[i]='<img src="Dual_Numbers/'+imageclock.digits[0]+'" />'+'<img src="Dual_Numbers/'+imageclock.digits[parseInt(sections[i])]+'" />'
else if(sections[i].length!=1 && sections[i] != sections[0])
if(节[i]==节[0])
第[i]=''节
else if(节[i].length==1&§ions[i]==sections[1])
第[i]节=“”+“”
else如果(节[i].length!=1&§ions[i]!=sections[0])
不要使用document.write()
进行调试-您提到您有Firebug(FF附带了内置的开发工具),所以请使用console.log()
。您的图像预加载代码缺少源文件夹后面的/
。这里是一个“工作”版本:(因为我没有你的图像,所以它实际上不起作用,但是语法错误已经纠正了,所以至少它做了一些事情……感谢@nnnnnn在console.log上提供的信息。我做的php编程比任何东西都多,所以我做了很多“echo”。不要使用document.write()
来调试-你提到你有Firebug(FF附带内置开发工具),因此请使用console.log()
。您的图像预加载代码缺少源文件夹后面的/
。这里是一个“工作”版本:(因为我没有你的图片,所以它实际上不起作用,但是语法错误已经纠正了,所以至少它做了一些事情……感谢@nnnnnn在console.log上提供的信息。我做的php编程比什么都多,所以我做了很多“echo”。感谢我已经看到了改进(不再盯着空白屏幕)+1Syntax highlighter实际上会告诉您类似的错误。谢谢,我已经看到了改进(不再盯着空白屏幕)+1Syntax highlighter实际上会告诉您类似的错误。感谢您对语法错误的帮助,我已经看到了一些进展。+1感谢您对语法错误的帮助,我已经看到了一些进展。+1