Показать сообщение отдельно
  #26 (permalink)  
Старый 26.12.2019, 17:27
Кандидат Javascript-наук
Отправить личное сообщение для Besprizornik Посмотреть профиль Найти все сообщения от Besprizornik
 
Регистрация: 24.02.2019
Сообщений: 126

Эх, если бы этот скрипт

<!DOCTYPE html>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
</head>
<body>
<style>
span.U_003A { color: #9c9c9c; }
#clock.x  span.U_003A { color: #333399; }
#clock .timer{
    display: flex;
}
#clock .timer div:nth-child(4){
    background-color: #228B22;
    color: #FFFFFF;
}
#clock .timer div:nth-child(7){
    background-color: #FF00FF;
    color: #FFFF00;
}
#clock .timer div{
    border: 1px solid #0000FF;
    display: inline-block;
    width: 16px;
    text-align: center;
    margin: 0 1.5px;
}
</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("Воскресенье","Понедельник","Вторник","Среда","Четверг","Пятница","Суббота");
 function numberWrapInDiv(num)
 {
   return [...num.toString().padStart(2, "0")].map(num => `<div>${num}</div>`).join("")
 }
 [hour, minute, sec] = [hour, minute, sec].map(numberWrapInDiv)
document.getElementById("clock").innerHTML = "<div class='timer'>"+hour+" <span class='U_003A'>:</span> "+minute+" <span class='U_003A'>:</span> "+sec+"</div>"+dayNames[weekday]+"<br/>"+(day<10?"0":"")+day+" "+monthes[month]+" "+year+" г.";
document.getElementById("clock").classList.toggle("x");
window.setTimeout("clock()",500);
}
clock();
</script>
</body>
</html>


работал во всех браузерах, и в операх на андроид, а не только в хроме...
Ответить с цитированием