e-gradiva     HTML CSS JavaScript Načrtovanje    
  logotip  
SERŠ Maribor Iskanje Primeri

Utripajoč napis

Koda: 
<script type="text/javascript">
function start()
{
if (!document.getElementById("utrip").style.color)
	{
	document.getElementById("utrip").style.color="green"
	}
if (document.getElementById("utrip").style.color=="red")
	{
	document.getElementById("utrip").style.color="green"
	}
else
	{
	document.getElementById("utrip").style.color="red"
	}
timer=setTimeout("start()",100)
}

function stopt()
{
clearTimeout(timer)
}
</script>

<body onload="start()" onunload="stop()">
<h2 id="utrip">Utripajoč napis</h2>
Izgled v
brskalniku:

Utripajoč napis

Razlaga:

Z uporabo dogodka onload se hkrati s stranjo naloži funkcija start().

Funkcija nato preveri s pomočjo logične negacije (!) če barva teksta, ki ima id="utrip" že obstaja. Če ne obstaja dodeli tekstu z id="utrip" zeleno barvo. Nato preveri, če ima tekst dodeljeno rdečo barvo in če je pogoj izpolnjen, prav tako dodeli tekstu zeleno barvo. V vseh ostalih primerih barv(v našem primeru je to lahko le zelena) pa tekstu dodeli rdečo barvo. Tako imamo sklenjen krog oziroma menjavanje rdeče in zelene barve. Nato s pomočjo postopka setTimeout določimo, da se ta sklenjen krog ponavlja v določenih intervalih(v našem primeru je to 100 milisekund), dokler se ne stran ne odstrani iz okna brskalnika ali pa je osvežena, kar storimo s pomočjo dogodka onunload.

gor Gor     e-gradiva     JavaScript     Primeri     Časovnik     Slogovne predloge

SERŠ Maribor : Strokovna gimnazija : 2006 : Gregor Bohak