Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   мигающий текст (https://javascript.ru/forum/misc/52250-migayushhijj-tekst.html)

sashok 10.12.2014 01:31

мигающий текст
 
Доброй ночи! подскажите как заставить текст мигать?
<p>Какой-то текст</p>

.........

подскажите в каком направлении мне рыть?

danik.js 10.12.2014 01:43

<style>
p {   
  animation: blink 400ms alternate infinite;
}

@keyframes blink {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
</style>
<p>Какой-то текст</p>

sashok 10.12.2014 02:05

danik.js,
Спасибо! Но я бы хотел это сделать на JS. Может подскажешь какую функцию?

рони 10.12.2014 02:09

sashok,
setTimeout или animate
http://javascript.ru/forum/misc/3518...tml#post231107

z700i 10.12.2014 02:26

<p id="blink">Some text</p>
<script>
    setInterval(function(){
        var a = document.getElementById('blink').style.opacity || 1;
        document.getElementById('blink').style.opacity = ((parseInt(a))?0:1);
    },1e3);
</script>

рони 10.12.2014 02:31

Цитата:

Сообщение от z700i
((parseInt(a)===1)?0:1)

(a?0:1)

z700i 10.12.2014 02:40

Цитата:

Сообщение от рони (Сообщение 345803)
(a?0:1)

Умник:)
Не катит
Тут "document.getElementById('blink').style.opacit y" хранится строка, а "0"?0:1 -> 0

danik.js 10.12.2014 02:41

Цитата:

Сообщение от рони
((parseInt(a)===1)?0:1)

a = 1 - a;

danik.js 10.12.2014 02:45

<p id="blink">Some text</p>
<script>
    setInterval(function(){
        blink.style.opacity = 1 - (blink.style.opacity || 1);
    },1e3);
</script>

:dance:

рони 10.12.2014 02:49

:)
<p id="blink">Some text</p>
<script>
    setInterval(function(){
        blink.style.opacity ^= 1 ;
    },1e3);
</script>


Часовой пояс GMT +3, время: 13:46.