Вы можете разделить различные части часов на пролеты. И положите «:» в класс.
HTML:
<body onload="startTime()">
<div id="txt"> <span id="hours"></span><span class="blink">:</span><span id="minutes"></span><span class="blink">:</span><span id="seconds"></span>
</div>
Вам также нужно добавить количество часов на отдельные пролеты, так что «:» не будут вставлять и вынимать каждый второй.
В конце вы инициализируете интервал, в котором вы применяете мерцающий эффект к классу «мигания».
JQuery:
function startTime() {
var today = new Date();
var h = today.getHours();
var m = today.getMinutes();
var s = today.getSeconds();
// add a zero in front of numbers<10
m = checkTime(m);
s = checkTime(s);
$("#hours").html(h);
$("#minutes").html(m);
$("#seconds").html(s);
t = setTimeout(function() {
startTime()
}, 500);
}
function checkTime(i) {
if (i < 10) {
i = "0" + i;
}
return i;
}
$(document).ready(function() {
startTime();
$('.blink').each(function() {
var elem = $(this);
setInterval(function() {
if (elem.css('visibility') == 'hidden') {
elem.css('visibility', 'visible');
} else {
elem.css('visibility', 'hidden');
}
}, 500);
});
});
Вот рабочий пример:http://jsfiddle.net/UsnFR/
Вот это точно! Большое спасибо за Вашу помощь! – Tanky
Добро пожаловать. Укажите свой принятый ответ. знак равно – Naoe