мигающий текст

[рони]

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]

Подскажите пожалуйста что это?не могу найти их значения

[j0hnik]

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

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

[m~r.Nemo]

Есть простой скрипт времени-даты, как заставить оба 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>

[рони]

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]

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

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

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

[рони]

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

[m~r.Nemo]

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

[рони]

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

[pokk]

Подскажите как сделать независимое и синхронное мигание текста двух 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);
}