Как выводить какую-либо инфу в канвас при каждом выполнении функции?

Question

[Хорь Обыкновенный]

Суть такова. Я пишу игру. Делаю таймер. И мне нужен тег, который будет выводить в канвас время. Вот скрипт:

var gameField = document.getElementById("gameField");
var graphics = gameField.getContext("2d");

var m = 1;
var s = 31;
var a = 1;
var b = 31;

function timer() {
    if ((s > 0) && (m >= 0)) {
        s = b - 1;
        b = s;
        document.write(a + ':' + b);
    }
    if ((s = 0) && (m > 0)) {
        s = 59;
        m = a - 1;
        a = m;
        document.write(a + ':' + b);
    }
    if ((s = 0) && (m = 0)) {
        alert ('Время закончилось');
    }
}

setInterval(timer, 1000);

Некрасиво получается с document.write. И еще вопрос: у меня никуда не двигается время. Я ввёл 1:31, докьюмент райт вывел 1:30 и больше ничего не выводит. Заранее спасибо.

Answer 1

[twobomb]

Странно как вы игру делаете если даже текст вывести не можете. Можно так

Comments

[Хорь Обыкновенный]

Не могли бы вы не создавать новый код, а подкорректировать мой? Или это не рабочий способ?

[twobomb]

Хорь Обыкновенный, На самом деле я и так его подкорретировал, ну если не так сильно то можно так.
Во первых по коду я долго пытался понять, но так и не понял зачем нужны a и b поэтому выкинул их.
Во вторых, условиеif((s = 0) && (m = 0)) всегда будет true потому-что вы не сраниваете, а присваиваете. Сранение это == или === читайте документацию.
В третьих если используете setInterval, то его также нужно и останавливать с помощью clearInterval.

Answer 2

[Станислав Макаров]

strokeText