У ЈаваСцрипт-у постоје ситуације када морамо да обезбедимо да је унети садржај на одређеном сајту тачан и ажуран. На пример, потребно је да прикажете најновији садржај на веб страници док попуњавате подужи образац и посматрате нове промене или када желите да тестирате веб локацију. У таквим случајевима, аутоматско освежавање веб странице сваких 5 секунди помоћу ЈаваСцрипт-а је од велике помоћи у суочавању са оваквим ситуацијама.
Овај чланак ће говорити о методама за аутоматско освежавање веб странице сваких 5 секунди помоћу ЈаваСцрипт-а.
Како аутоматски освежити веб страницу сваких 5 секунди користећи ЈаваСцрипт?
За аутоматско освежавање веб странице сваких 5 секунди користећи ЈаваСцрипт, могу се користити следећи приступи:
Прођите кроз разматране методе једну по једну!
Метод 1: Аутоматско освежавање веб странице сваких 5 секунди у ЈаваСцрипт-у помоћу метода сетИнтервал() и доцумент.куериСелецтор()
„ сетИнтервал() ” метода приступа функцији у одређеном временском интервалу и „ доцумент.куериСелецтор() ” метод добија први елемент који одговара ЦСС селектору. Ове методе се могу користити у комбинацији за приступ специфичној ознаци наслова и постављање временског интервала на потребну функционалност уз помоћ тајмера.
Синтакса
сетИнтервал ( функција, милисекунде, пар1, пар2 )У горњој синтакси, „ функција ” се односи на функцију којој треба приступити, “ милисекунди ” је одређени временски интервал за извршење, а „ пар 1 ' и ' пар2 ” су додатни параметри.
документ. куериСелецтор ( ЦСС селектори )
Овде, „ ЦСС селектори ” представљају један или више од једног ЦСС селектора.
Погледајте следећи пример.
Пример
Прво наведите наслов и наслов у ознакама <титле> и <х2>, респективно:
< наслов > Страница Освежите сваких 5 секунди < / наслов >< х2 стил = 'тект-алигн: лефт' > Аутоматско освежавање странице < / х2 >
Сада поставите вредност тајмера као „ 1 ”:
нека тајмер = 1 ;Након тога, примените „ сетИнтервал() ” метод са „ 1000мс ” вредност. Ово ће повећавати тајмер сваке секунде. Такође, приступите наведеном наслову да бисте га приказали на „ Модел објекта документа (ДОМ) ” на крају подешене вредности тајмера.
На крају, поновите вредност тајмера са повећањем од „ 1 ' Користећи ' ++ ” оператор после повећања и примени услов на такав начин да ако вредност прелази 5, „ лоцатион.релоад() ” ће резултирати поновним учитавањем прозора:
сетИнтервал ( ( ) => {документ. куериСелецтор ( 'х2' ) . иннерТект = тајмер ;
тајмер ++;
ако ( тајмер > 5 )
локација. Освежи ( ) ;
} , 1000 ) ;
Може се видети да се наша веб страница аутоматски освежава сваких пет секунди:
Метод 2: Аутоматско освежавање веб странице сваких 5 секунди у ЈаваСцрипт-у помоћу догађаја онлоад
„ на оптерећење ” догађај се покреће када је објекат учитан. Ова техника се може применити за освежавање странице уз помоћ кориснички дефинисане функције када се веб страница учита.
Синтакса
објекат. на оптерећење = освежи страна ( ) { миСцрипт } ;У датој синтакси, „ функција ” се односи на функцију коју треба позвати када се објекат учита.
Погледајте следећи пример.
Пример
Прво, укључите наслов и наслов као што је објашњено у претходној методи:
< наслов > Страница Освежите сваких 5 секунди < / наслов >< х2 > Аутоматско освежавање странице < / х2 >
Сада примените „ на оптерећење ” догађај и позовите функцију “ освежи страна() ” и додај “ 5000 ” као аргумент који означава временски интервал од пет секунди:
< оптерећење тела = „ЈаваСцрипт:рефресхПаге(5000);“ >тело >
На крају, дефинишите функцију под називом „ освежи страна() ” са „ т ” као аргумент који се односи на постављено време за аутоматско освежавање веб странице. „ лоцатион.релоад() ” ће поново учитати страницу након наведеног времена:
функција рефресхПаге ( т ) {сетТимеоут ( 'лоцатион.релоад(труе);' , т ) ;
}
Излаз
Метод 3: Аутоматско освежавање веб странице сваких 5 секунди у ЈаваСцрипт-у помоћу методе сетТимеоут().
„ сетТимеоут() ” метода позива функцију након одређеног подешеног времена. Овај метод се може применити за поновно учитавање веб странице након одређеног временског ограничења.
Синтакса
сетТимеоут ( функција, милисекунде, пар1, пар2 )У датој синтакси, „ функција ” се односи на функцију којој треба приступити, “ милисекунди ” је одређени временски интервал за извршење, а „ пар 1 ”, “ пар2 ” су додатни параметри.
Пример
У ознаци скрипте на ХТМЛ страници примените „ сетТимеоут() ” на начин на који када прође 5 секунди, метода лоцатион.релоад() поново учитава веб страницу:
< скрипта >сетТимеоут ( 'лоцатион.релоад(труе);' , 5000 ) ;
скрипта >
Излаз
Разговарали смо о свим згодним методама за аутоматско освежавање веб странице сваких 5 секунди користећи ЈаваСцрипт.
Закључак
Да бисте аутоматски освежили веб страницу сваких 5 секунди користећи ЈаваСцрипт, користите „ сетИнтервал() ' и ' доцумент.куериСелецтор() ” методе за подешавање вредности тајмера, „ Освјежи() ” метод за освежавање веб странице, или „ сетТимеоут() ” метод за постављање одређеног ограничења за освежавање веб странице. Овај чланак је демонстрирао методе за аутоматско освежавање веб странице сваких 5 секунди помоћу ЈаваСцрипт-а.