Создание секундомера на JavaScript

@Lekrayt · Регистрация: 07.12.2017

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

Добрый вечер
Подскажите, пожалуйста, начинающему
надо сделать таймер который посередине страницы отчитывает большими буквами 4 секунды (3, 2, 1, GO),
и начинает работать секундомер в игре (00:00:00), происходит отчет времени, за которое происходит игровой процесс (например, прошел уровень за 3:40, 3 минуты 40 секунд)
таймер должен двигаться за камерой, постоянно прикреплен в левом верхнем углу
набросал код, но он не работает

Javascript

        function timer(){
            var min = 0;
            var sek = 0;
            var msek = 0;
            var tm = geme.newTextObject({
                x: 10,
                y: 35,
                text: min + ':е' + sek + '.' + msek,
                size: 20,
                color: 'black',
                font : 'Broadway'
            })
            if (msek<=60){
                msek++;
            };
 
            if (msek==60){
                if(sek<60){
                    sek++;
                    msek=0;
                };
            };
 
            if (sek==60){
                if(min<60){
                    min++;
                    sek=0;
                };
            };
        };

в чем может быть проблема или может кто подскажет как можно по другому сделать?
Всем спасибо

@klopp · 12.12.2017, 08:44

HTML5

1	<div id="timer" class="center"></div>

CSS

.center {
    position: fixed;
    width: 300px;
    height: 300px;
    font-size: 10em;
    color: red;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    
}
.side {
    width: 100px;
    height: 100px;
    font-size: 2em;
    position: fixed;
    left: 30px;
    top: 30px;
    
    text-align: center;
}

Javascript

var timer = document.getElementById('timer');
var flag = false, sec = 4, min = 0, hour = 0;
function countdown(){
    if(!flag){
        timer.innerHTML = --sec;
        if(sec == 0){
            timer.innerHTML = 'GO!';
            flag = true;
        }
    }
    else{
        timer.className = 'side';
        ++sec;
        if(sec == 60){
            sec = 0;
            min++;
        }
        if(min == 60){
            min = 0;
            hour++;
        }
        var h, m, s;
        if(sec < 10)
            s = '0' + sec;
        else s = sec;
        if(min < 10)
            m = '0' + min;
        else m = min;
        if(hour < 10)
            h = '0' + hour;
        else h = hour;
        timer.innerHTML = h + ':' + m + ':' + s;
    }
}
setInterval(countdown, 1000);

песочница

	12.12.2017, 08:44