Hergebruik van webpagina's. (3 / 12 stap)

Stap 3: functies.

Sommige scripts krijgen een beetje meer interessant instellen als functies of andere code die moet worden voorgeladen zo te speakare betrokken. Mogelijk hebt u dat deel van het script in de header plaatsen. U moet in dit geval downloaden de afbeeldingen in de dezelfde plaats als het HTML-bestand voor het te gebruiken.

[code]
< script type = "text/javascript" >

/***********************************************

* JavaScript Image klok - door JavaScript Kit (www.javascriptkit.com)
* Deze mededeling moet blijven intact voor gebruik
* Bezoek JavaScript Kit op http://www.javascriptkit.com/ voor dit script en 100s meer

***********************************************/

var imageclock = nieuwe Object()
Voer pad naar klok cijfers beelden hier, in volgorde van 0-9, daarna "am/pm", gevolgd door dubbele punt afbeelding:
imageclock.digits=["c0.gif", "c1.gif", "c2.gif", "c3.gif", "c4.gif", "c5.gif", "c6.gif", "c7.gif", "c8.gif", "c9.gif", "cam.gif", "cpm.gif", "colon.gif"]
imageclock.instances=0
var preloadimages =]
voor (var ik = 0; ik < imageclock.digits.length; i ++) {//preload beelden
preloadimages [i] = nieuwe Image()
preloadimages [i] src = imageclock.digits [i]
}

imageclock.imageHTML=function(timestring) {//return timestring (dwz: 1:56:38) in tekenreeks van beelden in plaats daarvan
var sections=timestring.split(":")
Als (sections[0]=="0") //If uur veld is ingesteld op 0 (aka 12 AM)
secties [0] = "12"
anders als (secties [0] > = 13)
secties [0] = secties [0]-12 + ""
voor (var ik = 0; ik < sections.length; i ++) {}
Als (sections[i].length==1)
secties [i] = "< img src="'+imageclock.digits[0]+ "" / > '+' < img src="'+imageclock.digits[parseInt(sections[i])] +" "/ >"
anders
secties [i] = "< img src="'+imageclock.digits[parseInt(sections[i].charAt(0))] + "" / > '+' < img src="'+imageclock.digits[parseInt(sections[i].charAt(1))] +" "/ >"
}
retourneren van de secties [0] +'< img src="'+imageclock.digits[12]+'" / >'+ secties [1] +'< img src="'+imageclock.digits[12]+" "/ >'+ afdelingen [2]
}

imageclock.display=function() {}
var clockinstance = deze
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 = nieuwe Date()
var currenttime=dateobj.getHours() + ":" +dateobj.getMinutes()+":"+dateobj.getSeconds() //create tijd tekenreeks
var currenttimeHTML=imageclock.imageHTML(currenttime) + "< img src="'+((dateobj.getHours() > = 12)? imageclock.digits[11]: imageclock.digits[10])+ "" / > "
document.getElementById (this.spanid) .innerHTML = currenttimeHTML

}

< / script >
[/ code]

Zal moeten gaan in de header. maar je moet nog steeds een beetje javascript om te profiteren van het.

Hele pagina:
[code]
< html >
< head >
< script type = "text/javascript" >

/***********************************************

* JavaScript Image klok - door JavaScript Kit (www.javascriptkit.com)
* Deze mededeling moet blijven intact voor gebruik
* Bezoek JavaScript Kit op http://www.javascriptkit.com/ voor dit script en 100s meer

***********************************************/

var imageclock = nieuwe Object()
Voer pad naar klok cijfers beelden hier, in volgorde van 0-9, daarna "am/pm", gevolgd door dubbele punt afbeelding:
imageclock.digits=["c0.gif", "c1.gif", "c2.gif", "c3.gif", "c4.gif", "c5.gif", "c6.gif", "c7.gif", "c8.gif", "c9.gif", "cam.gif", "cpm.gif", "colon.gif"]
imageclock.instances=0
var preloadimages =]
voor (var ik = 0; ik < imageclock.digits.length; i ++) {//preload beelden
preloadimages [i] = nieuwe Image()
preloadimages [i] src = imageclock.digits [i]
}

imageclock.imageHTML=function(timestring) {//return timestring (dwz: 1:56:38) in tekenreeks van beelden in plaats daarvan
var sections=timestring.split(":")
Als (sections[0]=="0") //If uur veld is ingesteld op 0 (aka 12 AM)
secties [0] = "12"
anders als (secties [0] > = 13)
secties [0] = secties [0]-12 + ""
voor (var ik = 0; ik < sections.length; i ++) {}
Als (sections[i].length==1)
secties [i] = "< img src="'+imageclock.digits[0]+ "" / > '+' < img src="'+imageclock.digits[parseInt(sections[i])] +" "/ >"
anders
secties [i] = "< img src="'+imageclock.digits[parseInt(sections[i].charAt(0))] + "" / > '+' < img src="'+imageclock.digits[parseInt(sections[i].charAt(1))] +" "/ >"
}
retourneren van de secties [0] +'< img src="'+imageclock.digits[12]+'" / >'+ secties [1] +'< img src="'+imageclock.digits[12]+" "/ >'+ afdelingen [2]
}

imageclock.display=function() {}
var clockinstance = deze
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 = nieuwe Date()
var currenttime=dateobj.getHours() + ":" +dateobj.getMinutes()+":"+dateobj.getSeconds() //create tijd tekenreeks
var currenttimeHTML=imageclock.imageHTML(currenttime) + "< img src="'+((dateobj.getHours() > = 12)? imageclock.digits[11]: imageclock.digits[10])+ "" / > "
document.getElementById (this.spanid) .innerHTML = currenttimeHTML

}

< / script >
< head >
< body >
< script type = "text/javascript" >

nieuwe imageclock.display()

< / script >
< / body >
< / html >
[/ code]