Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / jQuery - Как остановить мигание текста? / 8 сообщений из 8, страница 1 из 1
06.09.2019, 18:16
    #39858601
ValGer
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jQuery - Как остановить мигание текста?
Хочу, чтобы при открытии окна текст метки у элемента начал мигать (например, красным цветом), а затем при начале ввода мигание прекращалось. Мигание изобрёл - мигает прекрасно, а вот как его остановить не пойму.
Фрагменты программы:
Код: css
1.
2.
3.
4.
5.
<style type="text/css">
    .active {
        color: red;
    }
</style>



Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
<script type="text/javascript">
    $(function () {
        var tOut = setTimeout(function () { $("#idLabelDismiss").toggleClass('active').show(); setInterval(function () { $("#idLabelDismiss").toggleClass('active'); }, 700) }, 500);
        //    clearTimeout(tOut);

        function StopTout() {
            clearTimeout(tOut);
        };

        function Init() {
            $("button").bind("click", StopTout);
        }

        $(Init);
    });
</script>



Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
........................................................................................
<div class="col-md-offset-2 col-md-2">
    <div class="row">
        <h2>Тест анимации</h2>
        <label id="idLabelDismiss" class="control-label">Дата увольнения</label>
        <input type="text" id="idDismissDate" name="dismissDate" class="form-control" placeholder="Введите дату" />
    </div>
    <div class="row">
        <button class="btn btn-default">Нажми</button>

    </div>
...................................................................................................



Если оператор завершения (clearTimeout(tOut)) стоит рядом с оператором начала мигания (он показан закомментированным), то всё нормально - едва начавшись мигание прекращается. Но если я пытаюсь сделать это по щелчку на кнопке, то ничего не выходит - мигание, как ни в чём не бывало, продолжается.
В чём причина?
...
Рейтинг: 0 / 0
07.09.2019, 16:04
    #39858768
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jQuery - Как остановить мигание текста?
ValGer,

CSS 3 не хотите попробовать? За мигание будет отвечать класс, само мигание обыкновенный транзишен, добавили класс -- мигает, убрали -- не мигает.

http://jsfiddle.net/umz8t/6490/
...
Рейтинг: 0 / 0
07.09.2019, 16:25
    #39858774
ValGer
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jQuery - Как остановить мигание текста?
hVosttValGer,

CSS 3 не хотите попробовать? За мигание будет отвечать класс, само мигание обыкновенный транзишен, добавили класс -- мигает, убрали -- не мигает.

http://jsfiddle.net/umz8t/6490/

Спасибо!
Очень хотелось бы, но попытка сделать что-то похожее натолкнулась на то, что мой CSS не понимает @keyframes - даёт ошибку. У меня VS 2019 Community, но css осталась видимо более ранняя. Где взять и как засунуть CSS3?
...
Рейтинг: 0 / 0
07.09.2019, 17:26
    #39858785
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jQuery - Как остановить мигание текста?
ValGerГде взять и как засунуть CSS3?какой ныне год?
...
Рейтинг: 0 / 0
07.09.2019, 17:27
    #39858786
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jQuery - Как остановить мигание текста?
ValGer. Где взять и как засунуть CSS3?
https://caniuse.com/#search=keyframes
...
Рейтинг: 0 / 0
07.09.2019, 18:54
    #39858832
ValGer
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jQuery - Как остановить мигание текста?
вадяValGer. Где взять и как засунуть CSS3?
https://caniuse.com/#search=keyframes

То есть, проблема с браузером?
Пример идёт на FireFox и edge, а я отладку веду на IE11 - на нём - кирдык!
...
Рейтинг: 0 / 0
07.09.2019, 19:09
    #39858837
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jQuery - Как остановить мигание текста?
ValGerа я отладку веду на IE11 - на нём - кирдык

ведите отладку в современном браузере
IE11 уже на последнем издыхании
даже в крупных корпорациях в интрасети уже отказываются от его поддержки, не говоря про инет
ну если у вас на поддержку нет объективных оснований
...
Рейтинг: 0 / 0
07.09.2019, 19:13
    #39858839
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jQuery - Как остановить мигание текста?
ValGerа я отладку веду на IE11 - на нём - кирдык!по ссылке поддерживает...
но отладка на IE11 - это нонсенс, что-то похожее на некрофилию
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / jQuery - Как остановить мигание текста? / 8 сообщений из 8, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]