Javascript-форум - Показать сообщение отдельно

Блондинка · #18 (**permalink**) 18.12.2019, 20:42

<!DOCTYPE html>
<html>
<head>
    <title>Untitled</title>
    <meta charset="utf-8">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <link rel="stylesheet" type="text/css" href="http://cactus.lark.ru/css/TimeTo.css">
    <script src="http://cactus.lark.ru/js/TimeTo.js"></script>
    <script>
$(function() {
var clock = $('.your-clock').timeTo({theme: "black"})
});
    </script>
</head>
<body>
<div class="your-clock"></div>
</body>
</html>

возможно ли в этом скрипте добавить функцию, и сделать разделитель ':' мигающим?

Сообщение от рони

Блондинка,

var spans = [].slice.call(document.querySelectorAll('.colon'), 0);
            var colons =["hsl(0, 0%, 54%)", "hsl(0, 0%, 48%)", "hsl(0, 0%, 42%)", "hsl(0, 0%, 36%)", "hsl(0, 0%, 30%)", "hsl(0, 0%, 24%)", "hsl(0, 0%, 18%)", "hsl(0, 0%, 12%)", "hsl(0, 0%, 6%)", "hsl(0, 0%, 0%)"];
            step = 0;
            (function color()
            {
            spans.forEach(function(elem) {
            elem.style.color = colons[step];
              });
            step = ++step % colons.length;
            window.setTimeout(color, 100);
            })()