Hvordan Roter et sitat i Javascript

Hvordan Roter et sitat i Javascript


En relevant, fyndig sitat kan sette tonen for et nettsted. Sitater er også nyttig å skille tematiske elementer på enkeltsider eller deler av postet teksten. Faren for å etterlate seg statisk tekst, selv en godt utformet epigram, er at det etter hvert blir en del av bakgrunnen. Retur besøkende til siden din vil lese statisk tekst bare så mange ganger før det blir usynlig, eller enda verre, gjør nettstedet virke foreldet. Velge en samling av korte sitater og rotere dem i løpet av hver sidevisning er ett alternativ som vil bidra til å holde siden din frisk for gjenta besøkende.

Bruksanvisning

1 Åpne HTML-kildefilen for siden i et program eller tekstredigeringsprogram.

2 Definer Java script i filens header seksjon:

<Script language = "Javascript">

3 Angi hvor lang tid til å vise hvert sitat og skrive funksjonen for å vise dem:

Var sekunder = 3;

funksjon rotate ()

{

Var sitat = new Array ()

4 Sett sitatene som skal vises i en matrise og lukke skriptet:

Tilbuds [0] = 'Aldri klappe en brennende grevling';

Tilbuds [1] = 'Ikke legg det i munnen, du vet ikke hvor det har vært';

Tilbuds [2] = 'jeg fortalte deg en million ganger for ikke å overdrive';

Tilbuds [3] = '2 + 2 = 5 - For svært store verdier av to';

}

</ Script>

5 Sett inn funksjon i <body> i HTML-filen der du vil det skal vises:

<Script>

window.onload = start;

</ Script>

Hint

  • Siden størrelsen på matrisen ikke er definert med funksjonen, kan hvilket som helst antall sitater føres inn i matrisen. Array nummerering må begynne med 0.
  • Skriptet i en seksjon:
  • <Script language = "Javascript">
  • Var sekunder = 3;
  • funksjon rotate ()
  • {
  • Var sitat = new Array ()
  • Tilbuds [0] = 'Aldri klappe en brennende grevling';
  • Tilbuds [1] = 'Ikke legg det i munnen, du vet ikke hvor det har vært';
  • Tilbuds [2] = 'jeg fortalte deg en million ganger for ikke å overdrive';
  • Tilbuds [3] = '2 + 2 = 5 - For svært store verdier av to';
  • }
  • </ Script>
  • // Hoveddel
  • <Body>
  • .
  • <Script>
  • window.onload = start;
  • </ Body>