Initial commit

[countdown-timer] / timer.js

$(function(){

var theTimeoutSecs = null;
var theTimeoutEntry = null;

var theCurrentTimeoutSecs = null;
var theCurrentEndTimeSecs = null;
var theCurrentTimerId = null;

var elBody = $("body");
var elDisplay = $("#display");
var elCountdownControls = $("#countdown-controls");
var elConfigureControls = $("#configure-controls");
var audio = $("#alarm audio").get(0);


var flashElement = function(el) {
        el.css("opacity", "0.5");
        el.animate({"opacity": "1.0"}, {"duration": 200, "queue":  false});
}

var setState = function(state) {
        elBody.removeClass().addClass(state);
}

var addState = function(state) {
        elBody.addClass(state);
};

var removeState = function(state) {
        elBody.removeClass(state);
}

var padTwoDigits = function(x) {
        if (x < 10) {
                return "0" + x;
        } else {
                return x;
        }
};

var formatTimeHMS = function(seconds, minutes, hours) {
        return (
                padTwoDigits(hours) +
                ":" +
                padTwoDigits(minutes) +
                ":" +
                padTwoDigits(seconds)
        );
};

var getNowSecs = function() {
        return Math.round(new Date().getTime() / 1000);
};

var updateTimeoutSecs = function() {
        var seconds = theTimeoutEntry % 100;
        var minutes = Math.floor(theTimeoutEntry / 100) % 100;
        var hours = Math.floor(theTimeoutEntry / 10000) % 10000;
        theTimeoutSecs = seconds + minutes*60 + hours*3600;

        var text = formatTimeHMS(seconds, minutes, hours);
        fillDisplay(text);
};

var fillDisplay = function(s) {
        elDisplay.children().remove();
        for (var i = 0; i < s.length; ++i) {
                $("<span/>").text(s[i]).appendTo(elDisplay);
        }
}

var formatTimeSecs = function(tsec) {
        var seconds = tsec % 60;
        var minutes = Math.floor(tsec / 60);
        var hours = Math.floor(theTimeoutEntry / 3600);
        return formatTimeHMS(seconds, minutes, hours);
};

var beginCountdownMode = function() {
        if (theTimeoutSecs <= 0) {
                beginConfigureMode();
                return;
        }
        setState("countdown");
        resetCountdown();
        flashElement(elConfigureControls);
};

var beginConfigureMode = function() {
        stopCountdown();
        stopAlarm();
        setState("configure");
        resetConfigureMode();
        flashElement(elCountdownControls);
};

var resetConfigureMode = function() {
        theTimeoutSecs = 0;
        theTimeoutEntry = 0;
        updateTimeoutSecs();
        flashElement(elBody);
};

var processDigitInput = function(newDigit) {
        if (theTimeoutEntry >= 100000) {
                // ignore too much input
                return;
        }
        var newDigit = parseInt(newDigit);
        theTimeoutEntry = theTimeoutEntry * 10 + newDigit;
        updateTimeoutSecs();
}

var resetCountdown = function() {
        stopCountdown();
        theCurrentTimeoutSecs = theTimeoutSecs;
        fillDisplay(formatTimeSecs(theCurrentTimeoutSecs));
        flashElement(elDisplay);
};

var refreshCountdown = function() {
        var remainingSecs = theCurrentEndTimeSecs - getNowSecs();
        if (remainingSecs <= 0) {
                remainingSecs = 0;
                stopCountdown();
                runAlarm();
        }
        fillDisplay(formatTimeSecs(remainingSecs));
};

var runAlarm = function() {
        addState("alarm");
        audio.play();
};

var stopAlarm = function() {
        if (audio.duration > 0 && !audio.paused) {
                audio.pause();
                audio.currentTime = 0;
        }
        removeState("alarm");
        resetCountdown();
};

var runCountdown = function() {
        if (theCurrentTimerId != null) {
                return;
        }
        theCurrentTimerId = setInterval(refreshCountdown, 100);
        theCurrentEndTimeSecs = getNowSecs() + theCurrentTimeoutSecs;
        addState("counting");
};

var stopCountdown = function() {
        if (theCurrentTimerId == null) {
                return;
        }
        clearInterval(theCurrentTimerId);
        theCurrentTimerId = null;
        removeState("counting");
};

var pauseCountdown = function() {
        stopCountdown();
        theCurrentTimeoutSecs = theCurrentEndTimeSecs - getNowSecs();
};


////////////////////
// Event handlers //
////////////////////

var handleConfigureKey = function(e) {
        // Return/Enter/Space
        if (e.which == 13 || e.which == 32) {
                e.preventDefault();
                beginCountdownMode();
                return;
        }

        // Backspace/Delete/Escape
        if (e.which == 8 || e.which == 46 || e.which == 27) {
                e.preventDefault();
                resetConfigureMode();
                return;
        }

        var c = String.fromCharCode(e.which);
        if ("0123456789".indexOf(c) >= 0) {
                e.preventDefault();
                processDigitInput(c);
                return;
        }
};

var handleNumberButton = function(e) {
        e.preventDefault();
        processDigitInput($(this).text());
};

var handleConfigureReset = function(e) {
        e.preventDefault();
        resetConfigureMode();
};

var handleConfigureSet = function(e) {
        e.preventDefault();
        beginCountdownMode();
};

var handleCountdownKey = function(e) {
        if (e.which == 8 || e.which == 46) { // Backspace/Delete
                e.preventDefault();
                resetCountdown();
                return;
        }
        if (e.which == 27) { // Escape
                e.preventDefault();
                beginConfigureMode();
        }
};

var handleAlarmKey = function(e) {
        // Return/Enter/Space
        if (e.which == 13 || e.which == 32) {
                e.preventDefault();
                stopAlarm();
                return;
        }
};

var handleCountdownPlayKey = function(e) {
        // Return/Enter/Space
        if (e.which == 13 || e.which == 32) {
                e.preventDefault();
                runCountdown();
                return false;
        }
};

var handleCountdownPauseKey = function(e) {
        // Return/Enter/Space
        if (e.which == 13 || e.which == 32) {
                e.preventDefault();
                pauseCountdown();
                return false;
        }
};

var handleCountdownStart = function(e) {
        e.preventDefault();
        runCountdown();
};

var handleCountdownPause = function(e) {
        e.preventDefault();
        pauseCountdown();
};

var handleCountdownReset = function(e) {
        e.preventDefault();
        resetCountdown();
};

var handleCountdownReconfigure = function(e) {
        e.preventDefault();
        beginConfigureMode();
};


var init = function() {
        $(document).on("keydown", ".configure", handleConfigureKey);
        $("#number-buttons button").on("click", handleNumberButton);
        $("#configure-reset").on("click", handleConfigureReset);
        $("#configure-set").on("click", handleConfigureSet);

        $(document).on("keydown", ".countdown", handleCountdownKey);
        $(document).on("keydown", ".alarm", handleAlarmKey);
        $(document).on("keydown", ".countdown:not(.counting):not(.alarm)", handleCountdownPlayKey);
        $(document).on("keydown", ".counting", handleCountdownPauseKey);
        $("#countdown-start").on("click", handleCountdownStart);
        $("#countdown-pause").on("click", handleCountdownPause);
        $("#countdown-reset").on("click", handleCountdownReset);
        $("#countdown-reconfigure").on("click", handleCountdownReconfigure);

        $("#alarm-stop").on("click", stopAlarm);
        $(audio).on("ended", stopAlarm);

        beginConfigureMode();
};

init();

});