37

Время

Вдохновился идеей фильма "Время" с Джастином Тимберлейком. В фильме валютой было время. У каждого человека был циферблат на руке, где было написано, сколько времени у него осталось.

Мне стало интересно, и, поскольку я немного разбираюсь в программировании, сделал сайт, на котором в режиме реального времени вывожу информацию про то, сколько времени я живу.

Время

7558 дней, 11 часов, 29 минут, 45 секунд

Я знаю точное время, до минуты, когда я родился, так что информация верна с точностью до минуты.

Теперь, когда я ленюсь и не хочу ничего делать, я захожу на этот сайт и смотрю, как течет моя жизнь...

Кстати, до 60 лет мне осталось немногим больше 14356 дней.

Вы смотрите срез комментариев. Показать все
раскрыть ветку (32)
0
Автор поста оценил этот комментарий
С айфона тоже не работает. Как и авторская ссылка
Автор поста оценил этот комментарий

бинго) у меня код практически такой же, только я со стилями не игрался

раскрыть ветку (30)
1
Автор поста оценил этот комментарий
Я не понял зачем тебе jquery, ты его все равно не юзаешь
раскрыть ветку (29)
1
Автор поста оценил этот комментарий

Я не понимаю зачем вам рендер на RAF ставить (это избыточно), кстати. Либо setInterval с периодом в 500 мс, например, либо делать проверку на текущее показываемое значение (если совпадает с необходимым, то не изменять innerHTML).

раскрыть ветку (27)
0
Автор поста оценил этот комментарий
На неактивных вкладках раф отрабатывать не будет - это бережет батарею
В принципе, можно было указать step

Раф это точно, тайм-аут и интервал работают медленнее когда вкладка не активна, я знаю про уменьшение до 1фпс

Раф не создаёт дополнительной перерисовки страницы, т.к. является коллбеком перед рендером

В данном конкретном примере это не критично
раскрыть ветку (26)
0
Автор поста оценил этот комментарий

Не критично, да. Просто замечание. 60 раз в секунду менять innerHTML не очень хорошо :)

раскрыть ветку (25)
0
Автор поста оценил этот комментарий
Я перерисовую innerHTML только тогда, когда значение времени изменится (то есть один раз в секунду)
Единственное, что вычисляется на 60 фпс - это время, но я подумал, что даже со слабого телефона не убудет вычислять несколько сотен арифметических операций в секунду)
А вообще, да, код не слишком оптимальный, набросал на коленке за 10 минут
раскрыть ветку (24)
0
Автор поста оценил этот комментарий

Разве установка innerHTML в точно такое же значение как уже есть не форсит редро?


https://gist.github.com/paulirish/5d52fb081b3570c81e3a

раскрыть ветку (23)
0
Автор поста оценил этот комментарий

кстати, там в списке нету innerHTML)

раскрыть ветку (1)
0
Автор поста оценил этот комментарий

Хм. Верно. Век живи, как говорится.

0
Автор поста оценил этот комментарий

Насколько я знаю, форсит, но я элегантно (нет) обошел это:

if(str != object.innerHTML)

object.innerHTML = str;

раскрыть ветку (20)
1
Автор поста оценил этот комментарий

Я б проверочную переменную завёл.


if( appliedValue != str){
appliedValue = object.innerHTML = str;
}


Ну да ладно про это. Если интересно, можете попробовать решить небольшую задачку по вёрстке:

Иллюстрация к комментарию
раскрыть ветку (19)
0
Автор поста оценил этот комментарий
Иллюстрация к комментарию
раскрыть ветку (14)
0
Автор поста оценил этот комментарий

оххохо, какой челлендж) принимаю)

раскрыть ветку (1)
0
Автор поста оценил этот комментарий

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

if (new Date().getTime() == lastRenderedTime.getTime()) continue;

раскрыть ветку (1)
0
Автор поста оценил этот комментарий
На сайте есть не только главная страница) вернее, раньше была одна, и там я jquery прикрутил для Ajax-запросов, а потом не удалил, вот и висит
Вы смотрите срез комментариев. Чтобы написать комментарий, перейдите к общему списку

Темы

Политика

Теги

Популярные авторы

Сообщества

18+

Теги

Популярные авторы

Сообщества

Игры

Теги

Популярные авторы

Сообщества

Юмор

Теги

Популярные авторы

Сообщества

Отношения

Теги

Популярные авторы

Сообщества

Здоровье

Теги

Популярные авторы

Сообщества

Путешествия

Теги

Популярные авторы

Сообщества

Спорт

Теги

Популярные авторы

Сообщества

Хобби

Теги

Популярные авторы

Сообщества

Сервис

Теги

Популярные авторы

Сообщества

Природа

Теги

Популярные авторы

Сообщества

Бизнес

Теги

Популярные авторы

Сообщества

Транспорт

Теги

Популярные авторы

Сообщества

Общение

Теги

Популярные авторы

Сообщества

Юриспруденция

Теги

Популярные авторы

Сообщества

Наука

Теги

Популярные авторы

Сообщества

IT

Теги

Популярные авторы

Сообщества

Животные

Теги

Популярные авторы

Сообщества

Кино и сериалы

Теги

Популярные авторы

Сообщества

Экономика

Теги

Популярные авторы

Сообщества

Кулинария

Теги

Популярные авторы

Сообщества

История

Теги

Популярные авторы

Сообщества

Недвижимость и ремонт

Теги

Популярные авторы

Сообщества