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

Razbijanje niza

Koda: 
<script type="text/javascript">

var text  = "Srednja elektro-ra\u010Dunalni\u0161ka \u0161ola Maribor"

var hitrost = 400

var x = 0

function mehurcek()
{

var a = text.substring(0,x)
var b = text.substring(x,x+1)
var c = text.substring(x+1,text.length)

document.getElementById("a1").firstChild.nodeValue= a
document.getElementById("a2").firstChild.nodeValue= b
document.getElementById("a3").firstChild.nodeValue= c

if (x == text.length)
  {
  x = 0
  setTimeout("mehurcek()",hitrost*10)
  }

  else
  {
  x++
  setTimeout("mehurcek()",hitrost)
  }
}

</script>

</head>
<body onload="mehurcek()">

<p>
<span id="a1"></span><span style="color:red" id="a2">
</span><span id="a3"></span>
</p>
Izgled v
brskalniku:

    

Razlaga:

Najprej je določena spremenljivka text, ki ga bo naslednja funkcija obravnavala. Prav tako sem definiral spremenljivko hitrost, s katero bo določena funkcija klicala s postopkom setTimeout().

Nato smo v funkciji mehurcek() morali definirati tri spremenljivke, s kateremi smo določili kateri del spodaj napisanih besed se bo obarval.

gor Gor     e-gradiva     JavaScript     Primeri

SERŠ Maribor : Strokovna gimnazija : 2004 : Nejc Dolinar