SLameN,
1.2
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(function ()
{
var timers, ret;
$(".button")
.click(function ()
{
var go = $("select").val() == "Начало" ;
$("#timer")
.data(
{
timer: (new Date)
.getTime()
}
)
[(go ? "add" : "remove") + "Class"]("timer");
timers = $(".timer");
timers.size() && Timer()
}
);
function two(a) {
return (9 < a? "": "0") + a
}
function formatTime(a) {
a = Math.floor(a / 1E3);
var b = Math.floor(a / 60),
c = Math.floor(b / 60);
a %= 60;
b %= 60;
return two(c) + " : " + two(b) + " : " + two(a)
}
function Timer() {
window.clearTimeout(ret);
timers.each(function (a, b)
{
var c = (new Date)
.getTime() - $(b)
.data("timer") | 0,
c = formatTime(c);
$(b)
.html(c)
}
);
timers.size() && (ret = window.setTimeout(Timer, 1000))
};
}
);
</script>
</head>
<body>
<div id="timer">00 : 00 : 00</div>
<form method="post" onsubmit="return false">
<select>
<option>Начало</option>
<option>Окончание</option>
</select>
<input type="submit" value="Сохранить" class="button" />
</form>
</body>
</html>
3. ищите таймер с сохранением -- такие тоже есть на форуме