Programmā JavaScript ir situācijas, kad mums ir jānodrošina, lai konkrētajā vietnē ievadītais saturs būtu precīzs un atjaunināts. Piemēram, ir jāparāda jaunākais tīmekļa lapas saturs, vienlaikus aizpildot garu veidlapu un novērojot jaunās izmaiņas vai ja vēlaties pārbaudīt vietni. Šādos gadījumos tīmekļa lapas automātiska atsvaidzināšana ik pēc 5 sekundēm, izmantojot JavaScript, ir ļoti noderīga, lai risinātu šāda veida situācijas.
Šajā rakstā tiks apspriestas metodes, kā automātiski atsvaidzināt tīmekļa lapu ik pēc 5 sekundēm, izmantojot JavaScript.
Kā automātiski atsvaidzināt tīmekļa lapu ik pēc 5 sekundēm, izmantojot JavaScript?
Lai automātiski atsvaidzinātu tīmekļa lapu ik pēc 5 sekundēm, izmantojot JavaScript, var izmantot šādas pieejas:
- ' setInterval() ' un ' document.querySelector() ' metodes
- ' atjaunot() ” metode
- ' setTimeout() ” metode
Izlasi apspriestās metodes pa vienai!
1. metode. Automātiski atsvaidziniet tīmekļa lapu ik pēc 5 sekundēm JavaScript, izmantojot setInterval() un document.querySelector() metodes
' setInterval() ' metode piekļūst funkcijai noteiktā laika intervālā un ' document.querySelector() ” metode iegūst pirmo elementu, kas atbilst CSS atlasītājam. Šīs metodes var izmantot kombinācijā, lai piekļūtu konkrētajam virsraksta tagam un iestatītu laika intervālu vajadzīgajai funkcionalitātei ar taimera palīdzību.
Sintakse
setInterval ( funkcija, milisekundes, par1, par2 )Iepriekš minētajā sintaksē ' funkciju ' attiecas uz funkciju, kurai ir jāpiekļūst, ' milisekundes ” ir konkrēts izpildes laika intervāls, un pāris 1 ' un ' par2 ” ir papildu parametri.
dokumentu. querySelector ( CSS atlasītāji )
Šeit, ' CSS atlasītāji ” apzīmē vienu vai vairākus CSS atlasītājus.
Apskatiet tālāk redzamo piemēru.
Piemērs
Vispirms norādiet virsrakstu un virsrakstu attiecīgi tagos
:
< virsraksts > Lapa atsvaidzina ik pēc 5 sekundēm < / virsraksts >
< h2 stils = 'text-align: left' > Automātiski atsvaidziniet lapu < / h2 >
Tagad iestatiet taimera vērtību kā ' 1 ”:
ļaujiet taimerim = 1 ;Pēc tam izmantojiet ' setInterval() ' metode ar ' 1000 ms ” vērtību. Tas palielinās taimeris katru sekundi. Piekļūstiet arī norādītajam virsrakstam, lai to parādītu ' Dokumenta objekta modelis (DOM) ” pēc iestatītās taimera vērtības beigām.
Visbeidzot atkārtojiet taimera vērtību ar soli ' 1 'izmantojot' ++ ” operators pēc pieauguma un piemēro nosacījumu tādā veidā, ka, ja vērtība pārsniedz 5, “ location.reload() ” metodes rezultātā logs tiks atkārtoti ielādēts:
setInterval ( ( ) => {dokumentu. querySelector ( 'h2' ) . iekšējaisTeksts = taimeris ;
taimeris ++;
ja ( taimeris > 5 )
atrašanās vieta. Pārlādēt ( ) ;
} , 1000 ) ;
Redzams, ka mūsu mājas lapa tiek automātiski atsvaidzināta ik pēc piecām sekundēm:
2. metode. Automātiski atsvaidziniet tīmekļa lapu ik pēc 5 sekundēm JavaScript, izmantojot ielādes notikumu
' ielāde ” notikums tiek aktivizēts, kad objekts ir ielādēts. Šo paņēmienu var ieviest, lai atsvaidzinātu lapu ar lietotāja definētas funkcijas palīdzību, kad tīmekļa lapa tiek ielādēta.
Sintakse
objektu. ielāde = atsvaidzināt lapu ( ) { myScript } ;Dotajā sintaksē ' funkciju ” attiecas uz funkciju, kas jāizsauc, kad objekts tiek ielādēts.
Apskatiet šādu piemēru.
Piemērs
Pirmkārt, iekļaujiet nosaukumu un virsrakstu, kā aprakstīts iepriekšējā metodē:
< virsraksts > Lapa atsvaidzina ik pēc 5 sekundēm < / virsraksts >< h2 > Automātiski atsvaidziniet lapu < / h2 >
Tagad izmantojiet “ ielāde 'notikums un izsauktu funkciju' refreshPage() 'un garām' 5000 ” kā argumentu, kas norāda piecu sekunžu laika intervālu:
< ķermeņa slodze = 'JavaScript:refreshPage(5000);' >ķermeni >
Visbeidzot, definējiet funkciju ar nosaukumu ' atsvaidzināšanas lapa () ' ar ' t ” kā argumentu, kas attiecas uz iestatīto laiku tīmekļa lapas automātiskai atsvaidzināšanai. ' location.reload() ” metode pārlādēs lapu pēc norādītā laika:
funkcija refreshPage ( t ) {setTimeout ( 'location.reload(true);' , t ) ;
}
Izvade
3. metode. Automātiski atsvaidziniet tīmekļa lapu ik pēc 5 sekundēm JavaScript, izmantojot metodi setTimeout()
' setTimeout() ” metode izsauc funkciju pēc noteikta iestatītā laika. Šo metodi var izmantot, lai atkārtoti ielādētu tīmekļa lapu pēc noteikta iestatīta taimauta.
Sintakse
setTimeout ( funkcija, milisekundes, par1, par2 )Dotajā sintaksē ' funkciju ' attiecas uz funkciju, kurai jāpiekļūst, ' milisekundes ” ir konkrēts izpildes laika intervāls, un pāris 1 ”, “ par2 ” ir papildu parametri.
Piemērs
HTML lapas skripta tagā lietojiet “ setTimeout() ” metodi tādā veidā, kad paiet 5 sekundes, metode location.reload() atkārtoti ielādē tīmekļa lapu:
< skripts >setTimeout ( 'location.reload(true);' , 5000 ) ;
skripts >
Izvade
Mēs esam apsprieduši visas ērtās metodes tīmekļa lapas automātiskai atsvaidzināšanai ik pēc 5 sekundēm, izmantojot JavaScript.
Secinājums
Lai automātiski atsvaidzinātu tīmekļa lapu ik pēc 5 sekundēm, izmantojot JavaScript, izmantojiet setInterval() ' un ' document.querySelector() ' metodes taimera vērtības pielāgošanai, ' atjaunot() ' metodi tīmekļa lapas atsvaidzināšanai vai ' setTimeout() ” metode konkrēta tīmekļa lapas atsvaidzināšanas taimauta ierobežojuma iestatīšanai. Šajā rakstā tika parādītas metodes tīmekļa lapas automātiskai atsvaidzināšanai ik pēc 5 sekundēm, izmantojot JavaScript.