Показать сообщение отдельно
  #3 (permalink)  
Старый 14.08.2018, 21:19
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,123

Brick,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/locale/ru.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment-duration-format/2.2.2/moment-duration-format.min.js"></script>


</head>

<body>
<div><span id="h">01</span>  : <span id="m">15</span> : <span id="s">45</span></div>

<script>
moment.locale('ru');
var DateEnd = moment();
var span = document.querySelectorAll('div span');
[].forEach.call(span, function(el) {
   DateEnd.add(+el.textContent, el.id)
});
function fn()
{
var DateTime = moment();
var d = DateEnd - DateTime;
document.querySelector("div").innerHTML = moment.duration(d).format('[<span id="h">]hh[</span>  : <span id="m">]mm[</span> : <span id="s">]ss[</span>]');
d > 0 && window.setTimeout(fn, 300)
}

fn()

  </script>
</body>
</html>
Ответить с цитированием