Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Плещев Web - программирование 2015-02-17.doc
Скачиваний:
1
Добавлен:
01.07.2025
Размер:
5.93 Mб
Скачать

Функция Confirm в JavaScript

Метод Confirm используется для подтверждения какого-нибудь действия пользователя. Очень часто используется в системах управления сайтами, или в веб-приложениях. Чтобы администратор сайта не удалил ни чего лишнего.

Исходный код, с объяснениями:

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

<html>

    <head>

        <title>JavaScript функция Confirm | Дизайн студия OX2</title>

    </head>

    <body>

        <script type="text/javascript">

            /**

             * Функция Confirm

             * @author ox2.ru дизайн студия

             **/

            function testConfirm() {

                 //Если нажали OK

                if (confirm("Вы действительно хотите заказать сайт у компании ox2.ru???")) {

                    alert("Хотите! :) ");  //Выводим сообщение

                }

                else { //Если нажали Отмена

                    alert("Не хотите :( "); //Выводим сообщение

                }

            }

  

<a href="javascript:void(0)" onclick="testConfirm()">Метод confirm</a>

    </body>

</html>

Таймер на JavaScript

При создании сайтов, или разработки интернет-магазина под ключ, очень часто требуется делать какое-нибудь действие через определенное время. Например, пользователь жмет скачать файл, и файл начинает скачиваться через 30 секунд. В последние время многие так делают, чтобы пользователь больше находился на сайте, и больше просмотрел рекламы. Или каждые 5 секунд обновляется страница, такой прием очень часто используется в чатах. В JavaScript есть 2 функции работы с таймерами:

Функция setTimeout нужна для запуска функции через определенный промежуток времени. Рассмотрим небольшой пример:

Нам нужно запустить функцию через 5 секунд:

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

<html>

    <head>

        <title>Функция setTimeout | Дизайн студия OX2</title>

    </head>

    <body>

        <script type="text/javascript">

            /** 

             * Функция test будет запускаться через 5 секунд, после загрузки страницы

             * @author ox2.ru дизайн студия 

             **/ 

            function test() {

                alert("test");

            }

            //5000 это время через которое нужно запустить функцию (5 секунд, 5000 миллисекунд)    

            setTimeout(test, 5000); 

         </script>

    </body>

</html>

Функция setInterval работает аналогично функции setTimeout. Разница между ними в том, что setTimeout запускает функцию 1 раз, а setInterval постоянно. Например, мы хотим, чтобы функция test запускалась каждые 5 секунд.

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

<html>

    <head>

        <title>Функция setInterval | Дизайн студия OX2</title>

    </head>

    <body>

        <script type="text/javascript">

            /** 

             * Функция test будет запускаться каждые 5 секунд

             * @author ox2.ru дизайн студия 

             **/ 

            function test() {

              alert("test");

            }

            //Каждые 5000 миллисекунд запускаем функцию test (5 секунд, 5000 миллисекунд)

            setInterval(test, 5000);   

  

         </script>

    </body>

</html>