Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 07.11.2018, 23:51
Новичок на форуме
Отправить личное сообщение для dda_add Посмотреть профиль Найти все сообщения от dda_add
 
Регистрация: 07.11.2018
Сообщений: 2

Написать часы на js
Нужно написать часы в формате hours:minutes:seconds через js и добавить их в spanы в html . Перерисовка не реже чем раз в секунду. ДАННЫЕ НЕ ПЕРЕРИСОВЫВАТЬ , ЕСЛИ ОНИ НЕ ПОМЕНЯЛИСЬ. То есть, если меняются только секунды, то перерисовываем только span с секундами,а spanы с часами и минутами не трогаем.

Последний раз редактировалось dda_add, 07.11.2018 в 23:58.
Ответить с цитированием
  #2 (permalink)  
Старый 08.11.2018, 00:08
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,103

dda_add,
где ваши попытки?
Ответить с цитированием
  #3 (permalink)  
Старый 08.11.2018, 00:26
Новичок на форуме
Отправить личное сообщение для dda_add Посмотреть профиль Найти все сообщения от dda_add
 
Регистрация: 07.11.2018
Сообщений: 2

есть обычные часы, а по поводу перерисовки пока что не могу ничего толкового придумать

function time(){
    var date = new Date(); 
    var hours = date.getHours();
    var minutes = date.getMinutes();
    var seconds = date.getSeconds();
    function setZero(time) {
        return (time < 10) 
        ? '0' + time
        : time; 
        } 
    document.getElementById('hours').innerHTML = hours;
    document.getElementById('minutes').innerHTML = setZero(minutes);
    document.getElementById('seconds').innerHTML = setZero(seconds);
}
time();
setInterval(`time()`,1000);
Ответить с цитированием
  #4 (permalink)  
Старый 08.11.2018, 00:34
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,103

dda_add,
а проверить что есть в innerHTML ?
Ответить с цитированием
  #5 (permalink)  
Старый 08.11.2018, 00:53
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,103

dda_add,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
</head>

<body>
<span id="hours"></span>
<span id="minutes"></span>
<span id="seconds"></span>
 <script>
function up(id, value)
{
   var el = document.getElementById(id);
   if(el.innerHTML != value) el.innerHTML = value
}
function setZero(time) {
        return (time < 10)
        ? '0' + time
        : time;
        }
function time(){
    var date = new Date();
    var hours = date.getHours();
    var minutes = date.getMinutes();
    var seconds = date.getSeconds();
    up('hours', hours);
    up('minutes', setZero(minutes));
    up('seconds', setZero(seconds));
    requestAnimationFrame(time);
}
time();


  </script>
</body>
</html>
Ответить с цитированием
  #6 (permalink)  
Старый 08.11.2018, 02:36
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

<div id="time">
	<span></span>:<span></span>:<span></span>
</div>
	<script>
var sp = document.querySelectorAll('#time span');
		(t=()=>{
			 new Date().toString().slice(15,24).split(':').forEach((d,i)=>{
			if(sp[i].textContent != d) sp[i].textContent = d;
		});
			setTimeout(t,1000);
		})();
	</script>

Для разнообразия

Последний раз редактировалось j0hnik, 08.11.2018 в 02:52.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Пример тестовых заданий на js junior elshaarawy Учебные материалы 3 26.03.2015 15:17
Js Часы проблема с getDay() psfdek Элементы интерфейса 1 20.03.2015 08:31
Как в JS написать такое условие if (isset($_COOKIE['name'])) ? Триви Общие вопросы Javascript 2 14.08.2011 11:53
Не получается передать переменную из JS в PHP Lion_astana AJAX и COMET 2 23.11.2010 17:23