Скрипт — периодическое изменение размера текста

Очередной интересный для меня скрипт выложу тут.

Данный скрипт очень простой, но для визуального оформления сайта может очень пригодится. Суть скрипта сводится к тому, что с заданным интервалом времени у нас будет меняться текст.

Думаю это может пригодится для привлечения внимания к какому нибудь словосочетанию или абзацу.

Для реализации задуманного у нас должен быть сам текст со следующими параметрами:

<p id=»blinking»>Пример работы скрипта можно увидеть на этом примере.</p>

Где id — параметр для конкретного тега <p>, который мы будем использовать в скрипте.

Собственно сам скрипт:

<script>
            var p = document.getElementById(«blinking»);
            setInterval(function() {
                if (p.style.fontSize != «12px») {
                    p.style.fontSize = «12px»;
                } else {
                    p.style.fontSize = «20px»;
                }
            }, 2000);
 </script>

Где параметр setInterval задаёт задержку в 2000 едениц (2 секунды и заново отрабатывается условие)

Думаю больше пояснять работу скрипта нет необходимости, но если будут вопросы постараюсь ответить.

Пример работы скрипта можно увидеть на этом примере.

Вы можете оставить комментарий, или ссылку на Ваш сайт.

Оставить комментарий