Reutilización de páginas web. (3 / 12 paso)

Paso 3: funciones.

Algunas secuencias de comandos de Obtén un poco más interesantes establecer si las funciones u otro código que tiene que ser tan cargado a speakare involucrados. Luego que tenga que poner esa parte de la secuencia de comandos en el encabezado. En este caso tienes que descargar las imágenes en el mismo lugar que el archivo html para que pueda utilizar.

[código]
< script tipo = "texto/javascript" >

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

* JavaScript imagen reloj - JavaScript Kit (www.javascriptkit.com)
* Este aviso debe permanecer intacto para el uso
* Visitar JavaScript Kit http://www.javascriptkit.com/ este script y 100s más

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

imageclock var = new Object()
Introduzca la ruta al reloj dígitos imágenes aquí, en orden de 0-9, luego "h", y luego imagen de colon:
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
preloadimages var =]
para (var i = 0; i < imageclock.digits.length; i ++) {//preload de imágenes
preloadimages [i] = new Image()
preloadimages [i] .src = imageclock.digits [i]
}

imageclock.imageHTML=function(timestring) {//return timestring (es decir: 1:56:38) en una cadena de imágenes en su lugar
var sections=timestring.split(":")
Si (sections[0]=="0") //If hora campo es 0 (también conocido como 12 AM)
secciones [0] = "12"
else if (secciones [0] > = 13)
secciones [0] = secciones [0]-12 + ""
para (var i = 0; i < sections.length; i ++) {}
Si (sections[i].length==1)
secciones [i] ='< img src="'+imageclock.digits[0]+" "/ > '+' < img src="'+imageclock.digits[parseInt(sections[i])] + "" / >'
otra cosa
secciones [i] ='< img src="'+imageclock.digits[parseInt(sections[i].charAt(0))] +" "/ > '+' < img src="'+imageclock.digits[parseInt(sections[i].charAt(1))] + "" / >'
}
volver las secciones [0] +'< img src="'+imageclock.digits[12]+'" / >'+ secciones [1] +'< img src="'+imageclock.digits[12]+" "/ >'+ secciones [2]
}

{ImageClock.display=function()}
var clockinstance = este
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 currenttime=dateobj.getHours() + ":" +dateobj.getMinutes()+":"+dateobj.getSeconds() //create cadena de tiempo
var currenttimeHTML=imageclock.imageHTML(currenttime) +'< img src="'+((dateobj.getHours() > = 12)? imageclock.digits[11]: imageclock.digits[10])+' «/ >»
document.getElementById (this.spanid) .innerHTML = currenttimeHTML

}

< /script >
[/ code]

Tendrá que ir en el encabezado. pero todavía necesita un pequeño javascript para aprovecharse de ella.

Toda la página:
[código]
< html >
< head >
< script tipo = "texto/javascript" >

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

* JavaScript imagen reloj - JavaScript Kit (www.javascriptkit.com)
* Este aviso debe permanecer intacto para el uso
* Visitar JavaScript Kit http://www.javascriptkit.com/ este script y 100s más

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

imageclock var = new Object()
Introduzca la ruta al reloj dígitos imágenes aquí, en orden de 0-9, luego "h", y luego imagen de colon:
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
preloadimages var =]
para (var i = 0; i < imageclock.digits.length; i ++) {//preload de imágenes
preloadimages [i] = new Image()
preloadimages [i] .src = imageclock.digits [i]
}

imageclock.imageHTML=function(timestring) {//return timestring (es decir: 1:56:38) en una cadena de imágenes en su lugar
var sections=timestring.split(":")
Si (sections[0]=="0") //If hora campo es 0 (también conocido como 12 AM)
secciones [0] = "12"
else if (secciones [0] > = 13)
secciones [0] = secciones [0]-12 + ""
para (var i = 0; i < sections.length; i ++) {}
Si (sections[i].length==1)
secciones [i] ='< img src="'+imageclock.digits[0]+" "/ > '+' < img src="'+imageclock.digits[parseInt(sections[i])] + "" / >'
otra cosa
secciones [i] ='< img src="'+imageclock.digits[parseInt(sections[i].charAt(0))] +" "/ > '+' < img src="'+imageclock.digits[parseInt(sections[i].charAt(1))] + "" / >'
}
volver las secciones [0] +'< img src="'+imageclock.digits[12]+'" / >'+ secciones [1] +'< img src="'+imageclock.digits[12]+" "/ >'+ secciones [2]
}

{ImageClock.display=function()}
var clockinstance = este
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 currenttime=dateobj.getHours() + ":" +dateobj.getMinutes()+":"+dateobj.getSeconds() //create cadena de tiempo
var currenttimeHTML=imageclock.imageHTML(currenttime) +'< img src="'+((dateobj.getHours() > = 12)? imageclock.digits[11]: imageclock.digits[10])+' «/ >»
document.getElementById (this.spanid) .innerHTML = currenttimeHTML

}

< /script >
< head >
< cuerpo >
< script tipo = "texto/javascript" >

imageclock.display() nuevo

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