0

Функционал:

  • По нажатию на кнопку "Начать игру" я получаю текущее время (сколько прошло с 01.01.1970 в милисекундах.
  • По нажатию на кнопку "Закончить" я получаю текущее время и отнимаю время, которое получено было при нажатии на кнопку "Начать игру"
  • По нажатию на кнопку Сумма я получаю сумму, на которую я наиграл

Вопрос:

  • Как мне сделать, чтобы на кнопку Сумма мне не нужно было нажимать миллион раз, а чтобы она эта функция выполнялась каждую секунду сама, при условии, что "Начать игру" нажата?

var tarifPerHour = 10;
var startPlayingTime;
var currentTime;


function resetStartTime() {
    startPlayingTime = new Date();
    return startPlayingTime.getTime();
}

function getCurrentTime(){
    currentTime = new Date();
    return currentTime.getTime();
}

function getTime(){
    var a = getCurrentTime() - startPlayingTime;
    return a;
}

function getMoney(){
    var price = getTime()/3600000*tarifPerHour;
    document.getElementById('result').innerHTML = price.toFixed(2);
    return price;
}

function stopTime(){
    var price = getTime()/3600000*tarifPerHour;
    document.getElementById('result').innerHTML = price.toFixed(2) + " рубля";
}
<button onclick="resetStartTime()">Начать игру</button>
<button onclick="stopTime()">Закончить</button>
<button onclick="getMoney()">Сумма</button>

<p id="result"></p>

1

2 ответа 2

1

Используя материал из комментария @andreymal.

При нажатии на кнопку "Начать игру" включается таймер, выполняющий ту же функцию, что и при клике на кнопку "Сумма". При нажатии на "Закончить игру", таймер останавливается.

var tarifPerHour = 10;
var startPlayingTime;
var currentTime;

var timerId = 0;  // числовой идентификатор таймера

function resetStartTime() {
    if (timerId) {
        clearInterval(timerId);
    }
    timerId = setInterval(getMoney, 1000); // запускаем таймер
    startPlayingTime = new Date();
    return startPlayingTime.getTime();
}

function getCurrentTime(){
    currentTime = new Date();
    return currentTime.getTime();
}

function getTime(){
    var a = getCurrentTime() - startPlayingTime;
    return a;
}

function getMoney(){
    var price = getTime()/3600000*tarifPerHour;
    document.getElementById('result').innerHTML = price.toFixed(2);
    return price;
}

function stopTime(){
    if (timerId) {
        clearInterval(timerId);  // останавливаем таймер
        timerId = 0;
    }
    
    var price = getTime()/3600000*tarifPerHour;
    document.getElementById('result').innerHTML = price.toFixed(2) + " рубля";
}
<button onclick="resetStartTime()">Начать игру</button>
<button onclick="stopTime()">Закончить</button>
<button onclick="getMoney()">Сумма</button>

<p id="result"></p>

2
  • function resetStartTime() { clearInterval(timerId); ...
    – user176262
    14 фев 2019 в 14:26
  • @Igor, согласен, справедливо, исправил
    – Bogdan
    14 фев 2019 в 14:38
0

Поставить setInterval():

var timer = setInterval(getMoney, 1000);

getMoney - без скобок, 1000 - это 1 секунда (1000 миллисекунд)

1
  • Стоп интервала - clearInterval(timer);
    – user316324
    11 мар 2019 в 15:26

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.