Как сделать нестандартный обратный отсчёт?

@masteris · Регистрация: 18.11.2012

Студворк — интернет-сервис помощи студентам

Приветствую, уважаемые формучане!

Помогите, пожалуйста, разобраться со следующей задачей.

Имеется файл .html, в котором есть блок div с уникальным идентификатором id=count.

HTML5
1
<div id=count>50</div>

Внутри этого тега div с помощью скрипта время от времени генерируются разные числа - числа в теге обновляются самостоятельно без перезагрузки страницы.

Вопрос: как сделать так, чтобы каждую секунду число внутри этого тега div изменяло своё значение на -1, не зависимо от того, какое именно число в этом блоке отображается на данный момент?

@Mr_Sergo · 04.02.2019, 02:12

masteris,

https://codepen.io/Mr_Sergo/pe... itors=1010

HTML5
1
<div id="count">50</div>

JavaScript
1
2
let count = document.querySelector('#count');
setInterval(() => +count.innerText > 0 ? count.innerText = +count.innerText - 1 : '' ,1000);

@masteris · 04.02.2019, 10:16 **[ТС]**

Mr_Sergo, большое человеческое спасибо! Работает именно так, как нужно.

@Mr_Sergo · 04.02.2019, 10:31

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

большое человеческое спасибо

Да не за что, удачи вам

@kalabuni · 04.02.2019, 11:41

Mr_Sergo, решение верное, только можно было обойтись без унарного плюса, потому как операция вычитания -- браузер сам сообразит преобразовать тип первого операнда в числовой: '3' + 1 всегда вернёт '31', а '3' - 1 всегда вернёт 2

но, мейби, "для порядка" так и лучше, ТС хоть познакомится с новым для себя оператором, да задумается о проблеме типизации

@Mr_Sergo · 04.02.2019, 12:04

Не по теме:

kalabuni,
Спасибо, знаю. Это как раз скорее "для порядка" :)

Новые блоги и статьи Все статьи Все блоги /
Code First и Database First в Entity Framework UnmanagedCoder 09.07.2025 Entity Framework дает нам свободу выбора, предлагая как Code First, так и Database First подходы. Но эта свобода порождает вечный вопрос — какой подход выбрать? Entity Framework — это. . .	Как использовать Bluetooth-модуль HC-05 с Arduino Wired 08.07.2025 Bluetooth - это технология, созданная чтобы заменить кабельные соединения. Обычно ее используют для связи небольших устройств: мобильных телефонов, ноутбуков, наушников и т. д. Работает она на частоте. . .	Руководство по структурам данных Python AI_Generated 08.07.2025 Я отчетливо помню свои первые серьезные проекты на Python - я писал код, он работал, заказчики были относительно довольны. Но однажды мой наставник, взглянув на мою реализацию поиска по огромному. . .	Тестирование энергоэффективности и скорости вычислений видеокарт в BOINC проектах Programma_Boinc 08.07.2025 Тестирование энергоэффективности и скорости вычислений видеокарт в BOINC проектах Опубликовано: 07. 07. 2025 Рубрика: Uncategorized Автор: AlexA Статья размещается на сайте с разрешения. . .	Раскрываем внутренние механики Android с помощью контекста и манифеста mobDevWorks 07.07.2025 Каждый Android-разработчик сталкивается с Context и манифестом буквально в первый день работы. Но много ли мы задумываемся о том, что скрывается за этими обыденными элементами? Я, честно говоря,. . .
API на базе FastAPI с Python за пару минут AI_Generated 07.07.2025 FastAPI - это относительно молодой фреймворк для создания веб-API, который за короткое время заработал бешеную популярность в Python-сообществе. И не зря. Я помню, как впервые запустил приложение на. . .	Основы WebGL. Раскрашивание вершин с помощью VBO 8Observer8 05.07.2025 На русском https:/ / vkvideo. ru/ video-231374465_456239020 На английском https:/ / www. youtube. com/ watch?v=oskqtCrWns0 Исходники примера:	Мониторинг микросервисов с OpenTelemetry в Kubernetes Mr. Docker 04.07.2025 Проблема наблюдаемости (observability) в Kubernetes - это не просто вопрос сбора логов или метрик. Это целый комплекс вызовов, которые возникают из-за самой природы контейнеризации и оркестрации. К. . .	Проблемы с Kotlin и Wasm при создании игры GameUnited 03.07.2025 В современном мире разработки игр выбор технологии - это зачастую балансирование между удобством разработки, переносимостью и производительностью. Когда я решил создать свою первую веб-игру, мой. . .	Создаем микросервисы с Go и Kubernetes golander 02.07.2025 Когда я только начинал с микросервисами, все спорили о том, какой язык юзать. Сейчас Go (или Golang) фактически захватил эту нишу. И вот почему этот язык настолько заходит для этих задач: . . .

@masteris 1 / 1 / 0 Регистрация: 18.11.2012 Сообщений: 47
	04.02.2019, 10:16 [ТС]
	Mr_Sergo, большое человеческое спасибо! Работает именно так, как нужно. 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	04.02.2019, 11:41
	Mr_Sergo, решение верное, только можно было обойтись без унарного плюса, потому как операция вычитания -- браузер сам сообразит преобразовать тип первого операнда в числовой: '3' + 1 всегда вернёт '31', а '3' - 1 всегда вернёт 2 но, мейби, "для порядка" так и лучше, ТС хоть познакомится с новым для себя оператором, да задумается о проблеме типизации 2

@Mr_Sergo
	04.02.2019, 12:04
	Не по теме: kalabuni, Спасибо, знаю. Это как раз скорее "для порядка" :) 0

Как сделать нестандартный обратный отсчёт?

Решение