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

рони 10.12.2014 02:51

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

Stanislav22 31.05.2018 11:10

Регулярные выражения =^ и 1e3
 
Подскажите пожалуйста что это?не могу найти их значения

j0hnik 31.05.2018 11:14

1) Присваивание с побитовым XOR
https://developer.mozilla.org/ru/doc...XOR_assignment

2) 1e3
Это 1000
один с тремя нулями

m~r.Nemo 08.01.2019 21:32

Есть простой скрипт времени-даты, как заставить оба span class="U_003A" мигать двумя цветами, #9c9c9c; и #333399; с интервалом в 500 милисекунд?
<style>
span.U_003A { color: #9c9c9c; }
</style>
<span id="clock"></span>
<script type="text/javascript">
function clock() {
 var date = new Date();
 var hour=date.getHours();
 var minute=date.getMinutes();
 var sec=date.getSeconds();
 var day=date.getDate();
 var month=date.getMonth();
 var year=date.getFullYear();
 var weekday=date.getDay();
 var monthes=new Array ("января","февраля","марта","апреля","мая","июня","июля","августа","сентября","октября","ноября","декабря");
 var dayNames = new Array("Воскресенье","Понедельник","Вторник","Среда","Четверг","Пятница","Суббота");
document.getElementById("clock").innerHTML = (hour<10?"0":"")+hour+" <span class='U_003A'>:</span> "+(minute<10?"0":"")+minute+" <span class='U_003A'>:</span> "+(sec<10?"0":"")+sec+"<br/>"+dayNames[weekday]+"<br/>"+(day<10?"0":"")+day+" "+monthes[month]+" "+year+" г.";
window.setTimeout("clock()",500);
}
clock();
</script>

рони 08.01.2019 22:05

m~r.Nemo,
<style>
span.U_003A { color: #9c9c9c; }
#clock.x  span.U_003A { color: #333399; }
</style>
<span id="clock"></span>
<script type="text/javascript">
function clock() {
 var date = new Date();
 var hour=date.getHours();
 var minute=date.getMinutes();
 var sec=date.getSeconds();
 var day=date.getDate();
 var month=date.getMonth();
 var year=date.getFullYear();
 var weekday=date.getDay();
 var monthes=new Array ("января","февраля","марта","апреля","мая","июня","июля","августа","сентября","октября","ноября","декабря");
 var dayNames = new Array("Воскресенье","Понедельник","Вторник","Среда","Четверг","Пятница","Суббота");
document.getElementById("clock").innerHTML = (hour<10?"0":"")+hour+" <span class='U_003A'>:</span> "+(minute<10?"0":"")+minute+" <span class='U_003A'>:</span> "+(sec<10?"0":"")+sec+"<br/>"+dayNames[weekday]+"<br/>"+(day<10?"0":"")+day+" "+monthes[month]+" "+year+" г.";
document.getElementById("clock").classList.toggle("x");
window.setTimeout("clock()",500);
}
clock();
</script>

m~r.Nemo 15.01.2019 19:13

рони, а не подскажешь как правильно записать если два и более элемента меняют свойства?

#clock.x span.U_003A { ... }
#clock.x span.moment { ... }

или можно в спаны через запятую/пробел?

рони 15.01.2019 19:29

m~r.Nemo,
#clock.x span.U_003A, #clock.x span.moment{ color: #333399; }

m~r.Nemo 15.01.2019 19:40

рони,
Я хотел спросить если у этих спанов меняются разные свойства, у одного спана меняется цвет, а у второго появляется/пропадает тень...

рони 15.01.2019 19:58

:-?
Цитата:

Сообщение от m~r.Nemo
#clock.x span.U_003A { ... }
#clock.x span.moment { ... }


pokk 15.08.2019 11:03

Подскажите как сделать независимое и синхронное мигание текста двух div.
Т.е по кнопке один один из div может прекращать мигать а потом по ней же запускаться, и надо что бы после запуска он мигал синхронно со вторым.
Сделал так, работает но не синхронно мигают после остановке =(
var TimerBlinkText=new Array(2);
function BlinkText(num,id){
 clearTimeout(TimerBlinkText[num]||0);
    TimerBlinkText[num]=setInterval(function(){
        document.getElementById(id).style.opacity ^= 1;
    },500);
}

function ClearBlinkText(num,id){
 clearTimeout(TimerBlinkText[num]||0);
}


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