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]

Gerelateerde Artikelen

HERGEBRUIK van uw oude LAPTOPBATTERIJ zodat een POWER BANK

HERGEBRUIK van uw oude LAPTOPBATTERIJ zodat een POWER BANK

Enkele maanden geleden did de batterij van mijn Dell-laptop niet werkzaamheden. Wanneer ik het belangrijkste AC hetstopcontact loskoppelt, worden de laptop onmiddellijk uitgeschakeld. Na paar dagen van frustratie, ik vervangen van de batterij en hiel
Hergebruik van flessen

Hergebruik van flessen

zijn leuk om te gebruiken van de dingen dat v gevoel extra n nutteloos,, zijn enkel een eenvoudige manier om hergebruik van uw extra bottels... kan je experimnt in uw eigen styl.i had slechts 2 3 thngs zo toe te passen... Ik neem een fles 1stly spary
Hergebruik van kerstkaarten / Reutiliza las tarjetas de felicitacion de Navidad

Hergebruik van kerstkaarten / Reutiliza las tarjetas de felicitacion de Navidad

waarschijnlijk doen de Spring cleaning, je hebt gevonden de kerstkaarten u ontvangen. In plaats van recycling hen, kun je ze een tweede leven de volgende Kerstmis. Wanneer u hen naar uw vrienden en familie stuurt, ziet ze het groen dat u bent.Het is
Hergebruik van computerspeakers

Hergebruik van computerspeakers

dit instructable kan worden geraadpleegd op de website van de auteur - http://www.neatinformation.com/Als u een koppeling naar dit instructable van een andere website, voeg een link naar de website van Neat informatie .Dit artikel is auteursrechtelij
Demonteren van een CD/DVD-lezer en het hergebruik van de onderdelen

Demonteren van een CD/DVD-lezer en het hergebruik van de onderdelen

Hallo!Praten over CD- en DVD-stuurprogramma's, zijn ze geweldig! U vindt vele cool en waardevol (voor een hobbist) dingen erin te gebruiken in uw projecten. Er zijn zoveel dingen dat je met een of meer van deze stuurprogramma's doen kunt dat u onder
Hergebruik van gloeilampen: als planters of mini terraria

Hergebruik van gloeilampen: als planters of mini terraria

lampen kan worden gerecycleerd in vele vormen en toepassingen, hoewel is niet een nieuw idee, check deze site over het hergebruik van gloeilamp voor chemische glaswerk testers , vrij koel, en hier is een andere een met behulp van hetzelfde idee voor
Hergebruik van een wegwerp Helium Tank

Hergebruik van een wegwerp Helium Tank

ik had een paar helium tanks overgebleven van de kinderen verjaardagspartijen, dus ik dacht dat ik zou een klap op het hergebruik van hen nemen. Hier is hoe u 1/4" OD buizen koppelt aan een. Vanaf daar kunt u het opslaan van samengeperste gassen (zoa
Hergebruik van die oude mobiele lader

Hergebruik van die oude mobiele lader

Stap 1: InleidingZes maanden geleden, ik struikelde op een website bespreken over usb lading geheimen, en het was echt interessant en nuttig, voor velen van ons kreeg een paar oude mobiele laders. En het geschiedde dat ik kreeg enkele oude standaard
Hergebruik van ReMake trui Softie

Hergebruik van ReMake trui Softie

ontmoet Lenard. Hij begon zijn leven op iemands terug als een wollen trui. Lenard leidt nu met een veel meer glamoureuze leven als een vogel van de internationale affiche voor crafty hergebruik van genoemde trui. Als u wilt maken van uw eigen interna
Hergebruik van oude, te klein, reepjes van zeep

Hergebruik van oude, te klein, reepjes van zeep

dit is een instructable over het hergebruik van de kleine reepjes van zeep die zijn te klein om te houden of niet meer gebruiken.Stap 1: materialen -Meerdere kleine overgebleven stukken zeep-Panty slang-kleine touw of koord-schaarStap 2: montage 1) o
Hergebruik van uw bril

Hergebruik van uw bril

beste manier om te recylce of hergebruik van uw bril
Hergebruik van het krachtcentrum van een oude

Hergebruik van het krachtcentrum van een oude

Onder de monitor macht waren centra zeer populair in de jaren 1980. Zij zou hebben meestal schakelaars label Computer, Monitor, Printer en Aux. Ze viel uit de gunst toen computers begon te 'zachte schakelopties' gebruiken. Je hebt waarschijnlijk een
Hergebruik van siliconen-sealant en mondstuk

Hergebruik van siliconen-sealant en mondstuk

Ik ben in het proces van het schilderen van het interieur van mijn huis. Er zijn heel wat gebieden die een beetje Afdichtmiddelen nodig hebben als onderdeel van de voorbereiding. Ik probeer te zuinig zijn op het (financieel en ecologisch) en meestal
Hergebruik van JAVA code geschreven in Android

Hergebruik van JAVA code geschreven in Android

Voor dit instructable demonstreer ik hoe kunt hergebruiken, toepassen en een eenvoudige java programma integreren met een Android app met GUI.Deze tutorial is voor degenen die heeft al een beetje of sommige ervaring op eclipse (Androïde sdk), codage