Рубрики

JavaScript | Вызов функции через фиксированное время

Чтобы запустить функцию несколько раз через фиксированный промежуток времени, мы используем несколько функций.
setInterval () Метод: Этот метод вызывает функцию через определенные интервалы (в мс). Этот метод будет непрерывно вызывать функцию до тех пор, пока не будет запущена clearInterval () или окно не будет закрыто.

Синтаксис:

setInterval(fun, msec, p1, p2, ...)

paramters:

  • Приколы: это обязательный параметр. Он содержит функцию, которая будет выполнена.
  • мсек: это обязательный параметр. Интервалы времени (в миллисекундах) после того, как долго выполняется код. Если значение меньше 10, то используется 10.
  • p1, p1,…: это необязательный параметр. Параметры передаются функции в качестве аргументов. (Не поддерживается в IE9 и более ранних версиях).

Метод clearInterval (): этот метод очищает таймер, который устанавливается методом setInterval (). Значение идентификатора, возвращаемое методом setInterval (), используется в качестве параметра для этого метода.

Синтаксис:

clearInterval(varSetInt)

paramters:

  • varSetInt: обязательный параметр. Это имя таймера, возвращаемое методом setInterval ().

Пример 1: В этом примере устанавливается функция, которая непрерывно добавляет элемент <div> в <body> через 2 секунды.

<!DOCTYPE html> 

<html

    <head

        <title

            JavaScript | Call a function

            after a fixed time. 

        </title

    </head

      

    <body style = "text-align:center;" id = "body"

      

        <h1 style = "color:green;"

            GeeksForGeeks 

        </h1

          

        <p id = "GFG_UP" style = "color:green;"></p>

          

        <button onclick = "gfg_Run()"

            Run

        </button>

          

        <p id="GFG_DOWN" style="color:green;font-size:20px;"></p>

          

        <script

            var el_up = document.getElementById("GFG_UP");

            var el_down = document.getElementById("GFG_DOWN");

            var el_body = document.getElementById("body");

            el_up.innerHTML = JSON.stringify(GFG_object);

              

            function gfg_Run() { 

                setInterval(function() {

                    var node = document.createElement("DIV");         

                    var textnode = document.createTextNode("this is GFG!");

                    node.appendChild(textnode); 

                    el_body.appendChild(node);

                }, 2000);

            }

        </script

    </body

</html>                    

Выход:

  • Прежде чем нажать на кнопку:
  • После нажатия на кнопку « Выполнить» :

Пример 2: В этом примере устанавливается функция, которая добавляет элемент <div> в <body> непрерывно через 2 секунды и прекращает добавление при нажатии кнопки « Стоп» .

<!DOCTYPE html> 

<html

    <head

        <title

            JavaScript | Call a function after a fixed time. 

        </title

    </head

      

    <body style = "text-align:center;" id = "body"

          

        <h1 style = "color:green;"

            GeeksForGeeks 

        </h1

          

        <p id = "GFG_UP" style = "color:green;"></p>

          

        <button onclick = "gfg_Run()"

            Run

        </button>

          

        <button onclick = "gfg_Stop()"

            Stop

        </button>

          

        <p id="GFG_DOWN" style="color:green;font-size:20px;"></p>

          

        <script

            var el_up = document.getElementById("GFG_UP");

            var el_down = document.getElementById("GFG_DOWN");

            var el_body = document.getElementById("body");

            el_up.innerHTML = JSON.stringify(GFG_object);

            var timer;

            function gfg_Run() { 

                timer = setInterval(function() {

                    var node = document.createElement("DIV");         

                    var textnode = document.createTextNode("this is GFG!");

                    node.appendChild(textnode); 

                    el_body.appendChild(node);

                }, 2000);

            }

            function gfg_Stop() {

                clearInterval(timer);

              

            }

        </script

    </body

</html>                    

Выход:

  • Прежде чем нажать на кнопку:
  • После нажатия на кнопку « Выполнить» :

Пример 3: В этом примере устанавливается функция, которая добавляет элемент <div> к элементу <body> непрерывно через 1 секунду с подходом, отличным от предыдущего, и прекращает добавление при нажатии кнопки « Стоп» .

                        <!DOCTYPE html> 

<html

    <head

        <title

            JavaScript | Call a function after a fixed time. 

        </title

    </head

      

    <body style = "text-align:center;" id = "body"

      

        <h1 style = "color:green;"

            GeeksForGeeks 

        </h1

      

        <p id = "GFG_UP" style = "color:green;"></p>

          

        <button onclick = "gfg_Run()"

            Run

        </button>

          

        <button onclick = "gfg_Stop()"

            Stop

        </button>

          

        <p id="GFG_DOWN" style="color:green;font-size:20px;"></p>

          

        <script

            var el_up = document.getElementById("GFG_UP");

            var el_down = document.getElementById("GFG_DOWN");

            var el_body = document.getElementById("body");

            el_up.innerHTML = JSON.stringify(GFG_object);

            var timer;

              

            function gfg_Run() { 

                function gfg_function() {

                    var node = document.createElement("DIV");         

                    var textnode = document.createTextNode("this is GFG!");

                    node.appendChild(textnode); 

                    el_body.appendChild(node);

                }

                timer = setInterval(gfg_function, 1000);

            }

            function gfg_Stop() {

                clearInterval(timer);

              

            }

        </script

    </body

</html>                    

Выход:

  • Прежде чем нажать на кнопку:
  • После нажатия на кнопку « Выполнить» :

Рекомендуемые посты:

JavaScript | Вызов функции через фиксированное время

0.00 (0%) 0 votes