Остановка таймера в игре

@FromHeaven · Регистрация: 05.12.2018

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

Здравствуйте!

В простой игре, которую я хочу реализовать на javascript, есть функция постройки фабрики

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function buildFactory(){
    if(selectedField != -1){
    if(money >= 2000){
        money -= 2000;
        showMoney();
        field[selectedField] = 'factory';
        document.getElementById('map-' + selectedField).src = "img/factory.png";
        earnFactory();
        infoField();
    } 
    else {
        alert('Недостаточно денег для строительства!');
    }
    }
}

она запускает функцию earnFactory()

JavaScript
1
2
3
function earnFactory() {
    timerId = window.setInterval(countEarnFactory, 1000);
}

где создается таймер, который вызывает функцию countEarnFactory()

JavaScript
1
2
3
4
function countEarnFactory() {
    money += 100;
    showMoney();
}

в которой идет увеличение баланса денег игрока (переменная money).

Суть вопроса следующая. Когда я создаю новую фабрику, то насколько я понимаю, создается еще один таймер, так как пополнение баланса ускоряется. Не могу понять, как реализовать остановку второго созданого таймера (если я все верно понимаю), когда удаляю фабрику с поля. Т.е. необходимо реализовать следующую механику: допустим игрок построил 5-ть фабрик, и одну удалил. Как оставить работающими 4-ре таймера, и удалить один ненужный?

Вот функция сноса строения на карте

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
function destroyBuilding(){
    if(selectedField != -1 && field[selectedField] != 'empty'){
    if(money >= 500){
        money -= 500;
        showMoney();
        field[selectedField] = 'empty';
        document.getElementById('map-' + selectedField).src = "img/empty_field.png";
        infoField();
    }
    else {
        alert('Недостаточно денег для сноса строения!');
    }
   }
}

Заранее спасибо за помощь!

krvsa · 25.11.2022, 14:45

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

Как оставить работающими 4-ре таймера, и удалить один ненужный?

Может не стоит иметь столько таймеров?
Проще будет иметь один таймер, но менять собственно "инкремент".

Фабрика добавилась - инкремент увеличить. Удалил фабрику - инкремент уменьшил.
А таймер как работал, так и работает...

@FromHeaven · 25.11.2022, 14:49 **[ТС]**

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

Может не стоит иметь столько таймеров?

Я тоже думал, что лучше использовать один таймер.

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

@DrType · 25.11.2022, 15:07

Можно ввести массив, в котором держать все действующие в данный момент фабрики. В функции buildFactory добавлять элемент в этот массив, в функции destroyBuilding удалять из массива. Инкремент рассчитывать исходя из длины этого массива.

krvsa · 25.11.2022, 15:46

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

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

"Верных кодов" может быть много...
Как некий вариант

Кликните здесь для просмотра всего текста

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<!--
<script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
-->
<style>
</style>
<script>
document.addEventListener('DOMContentLoaded', _ => {
    let money = 0
    const move = ['life']
    const price = {
        life: -1,
        factory: 10
    }
    const tmv = setInterval(_ => {
        money += move.reduce((s, k) => s + (price[k] ?? 0), 0)
        document.querySelector('#money').textContent = money
    }, 1000)
    document.querySelector('#factory').addEventListener('click', e => {
        const t = e.target.dataset.inc
        switch(t) {
          case '1':  
            move.push('factory')
            break
          case '-1':  
            let i = move.indexOf('factory')
            if (i != -1) move.splice(i, 1)
            break
          default:
        }
        i = move.reduce((s, v) => s + (v === 'factory' ? 1 : 0), 0)
        document.querySelector('#count').textContent = i
    })
})
/*
$(_ => {
})
*/
</script>
</head>
<body>
<p>
    Деньги
    <span id='money'></span>
</p>
<p id='factory'>
    <button data-inc='-1'>-</button>
    <span>Фабрика</span>
    <span id='count'></span>
    <button data-inc='1'>+</button>
</p>
 
</body>
</html>

@GregosMoscow · 25.11.2022, 23:43

Приветствую! Интервалы удаляются специальной функцией clearInterval

https://developer.mozilla.org/... arInterval

@FromHeaven · 26.11.2022, 16:09 **[ТС]**

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

Интервалы удаляются специальной функцией clearInterval

Вопрос состоит в том, что вызывая функцию earnFactory(), создается еще один таймер (насколько я правильно понимаю), и требуется удалить один таймер из множества созданных при вызове функции destroyBuilding().

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

krvsa · 26.11.2022, 17:14

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

Но красивее циферки бежали, когда было множество таймеров, при одном добавляется сразу общее значение

Инкремент можно делать по разному... Не обязательно добавлять всю сумму сразу, если это не нужно или не нравится...

@FromHeaven · 27.11.2022, 10:17 **[ТС]**

krvsa, я реализовал задачу следующим образом: создал глобальную переменную moneyStepFactory, куда прибавляю количество денег при постройке фабрики в функции buildFactory(), также в начале скрипта я вызываю функцию earnFactory(), которая запускает таймер.

JavaScript
1
2
let moneyStepFactory = 0;
earnFactory();

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function buildFactory(){
    if(selectedField != -1){
        if(money >= 2000){
    money -= 2000;
    showMoney();
    field[selectedField] = 'factory';
    document.getElementById('map-' + selectedField).src = "img/factory.png";
        infoField();
    moneyStepFactory += 100;
    } 
    else {
        alert('Недостаточно денег для строительства!');
    }
                        
    }
}

JavaScript
1
2
3
function earnFactory() {
    timerId = window.setInterval(countEarnFactory, 1000);
}

JavaScript
1
2
3
4
function countEarnFactory() {
    money += moneyStepFactory;
    showMoney();
}

Подобное решение задачи является решением с предложенным вами инкрементом? Какие еще есть варианты (буду очень благодарен за рабочий код)?

И, напоследок, еще вопрос: если немного переделать условие задачи, и сделать так, чтобы для каждой фабрики велся отсчет времени (допустим 30 сек), и потом отсчет останавливался и появлялась кнопка сбора денег (как в современных онлайн играх). То в таком случае для каждой фабрики будет требоваться свой отдельный таймер, или можно обойтись одним?

Спасибо!

krvsa · 27.11.2022, 10:49

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

Подобное решение задачи является решением с предложенным вами инкрементом?

Изначально я критиковал большое количество таймеров. Показал как можно обойтись одним...

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

Какие еще есть варианты (буду очень благодарен за рабочий код)?

Я не готов так "глубоко" входить в курс дела, извини.

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

если немного переделать условие задачи, и сделать так, чтобы для каждой фабрики велся отсчет времени (допустим 30 сек), и потом отсчет останавливался и появлялась кнопка сбора денег (как в современных онлайн играх). То в таком случае для каждой фабрики будет требоваться свой отдельный таймер, или можно обойтись одним?

Все это можно сделать в одном таймере.
Даже если разные инкременты должны выполняться в разные интервалы времени - все это может делать один "жизненный" таймер.
Просто его "шаг" нужно будет подобрать. Он должен быть достаточно мал чтобы "попадать" на все нужные тайминги.
Если что-то "накопилось" - показывать "кнопки сбора" и не выполнять других действий, пока эти кнопки не нажмут...

Но, опять же, один таймер тоже не самоцель.

Разработчик сам решает как ему удобнее реализовывать свой алгоритм. Иначе он будет шарахаться из крайности в крайность.

Новые блоги и статьи Все статьи Все блоги /
http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит переходные токи и напряжения на элементах схемы. . . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .	Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .

@DrType 6553 / 3624 / 1075 Регистрация: 07.09.2019 Сообщений: 5,877 Записей в блоге: 1
	25.11.2022, 15:07
	Можно ввести массив, в котором держать все действующие в данный момент фабрики. В функции `buildFactory` добавлять элемент в этот массив, в функции `destroyBuilding` удалять из массива. Инкремент рассчитывать исходя из длины этого массива. 1

@GregosMoscow 4 / 3 / 1 Регистрация: 31.10.2019 Сообщений: 10
	25.11.2022, 23:43
	Приветствую! Интервалы удаляются специальной функцией clearInterval https://developer.mozilla.org/... arInterval 0