m~r.Nemo |
09.10.2019 16:33 |
Цитата:
Сообщение от рони
(Сообщение 501569)
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>
|
народ, а возможно ли часы минуты секунды разделить на два отдельных спана?
<style>
span { display: inline-block; border: 1px solid #aaa; padding: 10px 20px; margin..... }
<div>
<span id="hours"><span>1</span><span>6</span></span>.....
16 часов...
Как реализовать подобное?
и возможно ли добавить анимацию только тогда когда цифры меняются?
|