Запіс на курсы па HTML, CSS, JavaScript, PHP, Python, фрэймворкам і CMS,
а таксама: дапамога ў пошуку працы і заказаў, стажыроўка на рэальных праектах→
⊗jsPmTrPr 452 of 505 menu

Практыка на таймеры і работу з DOM у JavaScript

Дадзена кнопка. Дадзены абзац, тэкстам якога з'яўляецца лік. Пасля націску на кнопку запусціце таймер, які кожную секунду будзе павялічваць тэкст абзаца на 1.

Дадзена кнопка. Дадзены абзац, тэкстам якога з'яўляецца лік, напрыклад, 10. Пасля націску на кнопку запусціце таймер, які кожную секунду будзе памяншаць тэкст абзаца на 1. Як толькі значэнне абзаца стане роўна нулю - спыніце таймер.

Дадзены інпут з лікам. Зрабіце так, каб кожную секунду ў ім з'яўляўся квадрат таго ліку, якое ў ім запісана.

Дадзены інпут. У яго ўводзіцца лік. Пасля страты фокуса зрабіце так, каб у абзацы ніжэй пачаў цякаць адваротны адлік, пачынаючы з уведзенага ліку. Калі адлік дайде да нуля - ён павінен скончыцца.

Дадзены інпут, кнопка і абзац. У інпут уводзіцца нейкі лік. Пасля націску на кнопку запішыце ўведзены лік у тэкст абзаца і запусціце адваротны адлік у абзацы: хай кожную секунду лік у абзацы памяншаецца на адзінку, пакуль не дайде да нуля.

Дадзены абзац і дзве кнопкі. Зрабіце так, каб пасля націску на першую кнопку ў абзацы пачаў цякаць таймер ад 1 да бясконцасці, а пасля націску на другую таймер спыняўся.

Дадзены абзац. Зрабіце так, каб кожную секунду ён мяняў свой колер з чырвонага на зялёны і наадварот.

Калі выводзіць на экран кожную секунду бягучы момант часу, то можна зрабіць цікаючыя гадзіннікі. Рэалізуйце такія ж гадзіннікі, як паказана ніжэй у ўзоры:

byenru