Таймерите са важен аспект на всеки език за програмиране. Както знаем, времето е пари. Така че в тази статия ще видим как да внедрим и работим с таймери в JavaScript:
Работа с таймери в JavaScript
Таймерът е функция, която ни позволява да изпълняваме функция в определен момент.Използвайки таймери, можете да забавите изпълнението на кода, така че да не се извърши точно в момента, в който се задейства събитие или страницата се зареди. Например можете да използвате таймери, за да променяте рекламните банери на уебсайта си на редовни интервали или да показвате часовник в реално време и т.н.
В JavaScript има функция за таймер:setTimeout ()
Следващият раздел ще ви покаже как да създадете таймери за забавяне на кодаизпълнение, както и как да изпълнявате едно или повече действия многократно с помощта на функцията theis в JavaScript.
Window setTimeout () Метод
Определение и употреба:
Методът setTimeout () извиква функция или оценява израз след определен брой милисекунди.
БАКШИШ:
- 1000 ms = 1 секунда.
- Функцията се изпълнява само веднъж. Ако трябва да повторите изпълнението, използвайте
setInterval ()метод. - Използвай
clearTimeout ()метод за предотвратяване на изпълнението на функцията.
Тази функция приема два параметъра: a функция , което е функцията за изпълнение и по избор забавяне параметър, който е броят на милисекундите, представляващ времето за изчакване преди изпълнение на функцията (1 секунда = 1000 милисекунди).
Възвръщаема стойност: Той връща число, представляващо ID стойност на таймера, който е зададен.
Код: Таймери в JavaScript
Ето кода за таймери в JavaScript, който задава таймера от 2 минути и когато времето за увеличаване на предупреждението на страницата се 'удвоява'. ThesetTimeout ()метод извиква функция или изчислява израз след определен брой милисекунди.
// задаване на минути
var min = 2
// изчисляване на секундите
var secs = минути * 60
// функцията за обратно отброяване се предизвиква при зареждане на страницата
функция обратно отброяване () {
setTimeout ('Декремент ()', 60)
клаузата за съюз се използва за
}
// Функция за намаляване намалява стойността.
функция Декремент () {
if (document.getElementById) {
минути = document.getElementById ('минути')
секунди = document.getElementById ('секунди')
// ако остава по-малко от минута
// Показва стойността само за секунди.
ако (секунди<59) {
секунди.стойност = сек
}
// Показване на минути и секунди
// getminutes и getseconds се използва
// получаваме минути и секунди
друго {
minutes.value = getminutes ()
seconds.value = getseconds ()
}
// когато остава по-малко от минута
// цвят на минутите и секундите
// променя се в червено
ако (мин<1) {
minutes.style.color = 'червен'
seconds.style.color = 'червен'
}
// ако секундите станат нула,
// след това изтече времето за предупреждение на страницата
ако (мин<0) {
alert ('изтече времето')
minutes.value = 0
секунди.стойност = 0
}
какво е запазена дума в java
// ако секунди> 0, тогава секундите се намаляват
друго {
сухо -
setTimeout ('Декремент ()', 1000)
}
}
}
функция getminutes () {
// минутите са секунди, разделени на 60, закръглени надолу
минути = математически етаж (секунди / 60)
обратни минути
}
функция getseconds () {
// отнемаме оставащите минути (като секунди)
// от общия брой останали секунди
return secs - Math.round (минути * 60)
}
Оставащо време ::
:
Когато остава по-малко от минута, цветът на таймера се променя на червен.
С това стигнахме до края на тази статия за таймери в JavaScript. ° С по дяволите от Edureka, доверена компания за онлайн обучение с мрежа от над 250 000 доволни учащи, разпространени по целия свят.
Имате въпрос към нас? Моля, споменете го в раздела за коментари на това инжектиране на зависимост в AngularJs и ние ще се свържем с вас.