©ilj@flowsim.se
JavaScript på svenska 22
JavaScript setTimeout()
- RÖRLIG TEXT I TEXTAREA


kod & förklaringar längre ned




 
Placera en TEXTAREA på en FORM. Namnge FORMen och TEXTAREAn. Lägg ev till WRAP = "physical" vid TEXTAREA-taggarna för att få radbrytningen att fungera. T ex
 
<FORM NAME = "skrivform1">
<TEXTAREA NAME="
skriv2"
ROWS="
10"
COLS="
40">
</TEXTAREA>
</FORM>
 
Placera scriptet mellan SCRIPT-taggar och kommentartecken i HEAD-delen (se MINIMANUAL 1 lite grunder):
 
<SCRIPT LANGUAGE="JavaScript"
      TYPE="
text/javascript">
<!--

i = 1
j=0
function iljtext2()
{
texten = "text text text"
document.skrivform
1.skriv2.value = texten.substring(0,i) + "|"
iljtimer = setTimeout("iljtext2()",150)
//3
i++
if(i==texten.length+5)
//4
{
      i=1
      j=j+1
}
if(j==2)
//5
{
      clearTimeout(iljtimer)
      j=0
}
}
//
-->
</SCRIPT>
 

Låt textsträngen (i exemplet "text text text") stå på en rad.

1
FORMens namn
 
2
TEXTAREAns namn
 
3 millisekunder, hur ofta funktionen anropar sig själv och i det här exemplet alltså hur snabbt texten skrivs
 
4
texten.length = textens längd, skrivandet börjar om, vill man låta texten vara kvar en stund när den väl skrivits klart kan man ändra den här siffran
 
5 siffran reglerar hur många gånger texten ska skrivas
 
Starta det hela med ett anrop -
checkstart() - som kan placeras till exempel efter efter BODY ONLOAD. (Se MINIMANUAL 1 lite grunder)
 
Glöm inte att plocka bort fotnoterna!
 
 
I nyare webbläsare kan man skriva på ett lager. Placera ut en DIV-yta (svart i exemplet) och ge den ett namn efter ID, t.ex 'namnet'. I koden ovan lägger man till följande rad:
documnet.getElementById('namnet').innerHTML= texten.substring(0,i) + "|"
 
Fler exempel:
image/mouseover
variant
varannan dag
bildväxl/animering
välja bild i rullgardinsmeny
meddelandefönster
datum & tid
meddelande onLoad
onFocus
lastModified
image/mouseover
onblur
klocka
history
images/ animation
ändra bakgrundsfärg
timer
rörlig text i textarea
JavaScript confirm
mer om datum
öppna nytt fönster 1
öppna nytt fönster 2
JavaScript prompt
 
[fler exempel hittar du i menyn i ramen till vänster]

 

Sidan gjordes av
 
ilj
 
ilj@flowsim.se
 

 
Senast ändrad 27 juni 1997.
 

Den här sidan hör hemma i ett ramsystem
hos:
www.flowsim.se
JavaScript på svenska