ЈаваСцрипт се користи као програмски језик на страни клијента, као и програмски језик на страни сервера. Топружа мноштво метода за неколико функционалности које се изводе са лакоћом. Ово је оно што је направљено један од најпопуларнијих програмских језика, али се такође широко користи у неколико врста развоја производа.СетИнтервал у ЈаваСцрипт-у је део временских догађаја у ЈаваСцрипт-у и о њему ћемо учити у следећем низу:
Временски догађаји
ЈаваСцрипт такође омогућава извршење функције као и методе у односу на време, а не време извршавања програма. Ово омогућава извршавање функција у одређено време, без обзира на време извршења програма.
Две кључне методе за коришћење временских догађаја у ЈаваСцрипт-у су:
сетТимеоут (функција, милисекунда)
Ова функција извршава функцију која се као параметар преноси само једном након наведеног времена у милисекундама.
сетИнтервал (функција, милисекунда)
Ова функција извршава функцију од времена извршења и након сваког достигнутог временског интервала. Понавља извршење функције у сваком временском интервалу.
Хајде сада да видимо како функционише СетИнтервал у ЈаваСцрипт-у.
СетИнтервал у ЈаваСцрипт-у
Први параметар ове функције је функција коју треба извршити, а други параметар означава временски интервал између сваког извршавања.
вар миВар = сетИнтервал (миТимер, 1000) функција миТимер () {вар д = нови датум () доцумент.гетЕлементБиИд ('демо'). иннерХТМЛ = д.тоЛоцалеТимеСтринг ()}Овде доцумент.гетЕлементБиИд добија елемент из који има ид као „демо“, а функција д.тоЛоцалеТимеСтринг () даје тренутно време из система.
Дакле, ово се понавља сваких 1000 милисекунди што је еквивалентно 1 секунди. Дакле, функција се више пута извршава сваке 1 секунде и стога се време ажурира сваке секунде.
Па како да зауставимо ово погубљење? Хајде да сазнамо!
монгодб креира корисника за базу података
Како зауставити извршење?
Извршење из функције сетИнтервал () можемо зауставити уз помоћ друге функције која се назива цлеарИнтервал ().цлеарИнтервал () користи променљиву враћену из функције сетИнтервал ().
На пример:
миВар = сетИнтервал (функција, милисекунде) цлеарИнтервал (миВар)
Испод је пример који користи и сетИнтервал (), као и цлеарИнтервал (). Ово покреће сат и пружа дугме за заустављање времена.
Испод је сат.
Стоп тиме
Кликните на горње дугме да бисте зауставили време.
вар миВар = сетИнтервал (миТимер, 1000) функција миТимер () {вар д = нови датум () доцумент.гетЕлементБиИд ('демо'). иннерХТМЛ = д.тоЛоцалеТимеСтринг ()}
Излаз:
Још неколико примера са сетИнтервал () и цлеарИнтервал ().
Креирање динамичке траке напретка
#миПрогресс {ширина: 100% висина: 30пк позиција: релативна боја позадине: #ддд} #миБар {позадина-боја: # 4ЦАФ50 ширина: 10пк висина: 30пк позиција: апсолутно}
Кликните на Ме фунцтион мове () {вар елем = доцумент.гетЕлементБиИд ('миБар') вар видтх = 0 вар ид = сетИнтервал (фраме, 10) фунцтион фраме () {иф (видтх == 100) {цлеарИнтервал (ид)} елсе {ширина ++ елем.стиле.видтх = ширина + '%'}}}Излаз:
Почетни излаз
Излаз након клика на дугме које каже „Цлицк Ме“.
Пребацивање између две позадине
Заустави пребацивање вар миВар = сетИнтервал (сетЦолор, 300) функција сетЦолор () {вар к = доцумент.боди к.стиле.бацкгроундЦолор = к.стиле.бацкгроундЦолор == 'жута'? 'пинк': 'иеллов'} функција стопЦолор () {цлеарИнтервал (миВар)}Излаз:
Боја би се пребацивала између жуте и ружичасте. Горњи излаз је пре клика на дугме, а доњи је након клика на дугме.
Овим смо дошли до краја нашег СетИнтервала у ЈаваСцрипт чланку. Надам се да сте разумели како функционише метода СетИнтервал.
Погледајте од Едуреке. Обука за сертификацију за веб развој ће вам помоћи да научите како да креирате импресивне веб локације помоћу ХТМЛ5, ЦСС3, Твиттер Боотстрап 3, јКуери и Гоогле АПИ-ја и примените их на Амазон Симпле Стораге Сервице (С3).
Имате питање за нас? Молимо вас да га спомињете у одељку за коментаре овог блога и јавићемо вам се.