Commit 73feb7d2 authored by Frank Fuhlbrück's avatar Frank Fuhlbrück
Browse files

Pausentasten wirklich aktivierbar+Zeit im Pausenmodus verstellbar

parent 407d8dfd
......@@ -16,14 +16,17 @@
<h3>Klausuhr - die Klausuruhr</h3>
<form action="klausuhr.html">
Dauer in Minuten: <input id="fullmin" type="text" value="120"><br>
<input type="checkbox" id="autoFullscreen"> Autovollbild bei Start/Stop<br>
<input type="checkbox" id="finalFive" checked="checked"> Sekundenanzeige für letzte 5 Minuten<br>
<input type="checkbox" id="noPause" checked="checked"> Pausentasten deaktivieren<br>
<input type="checkbox" id="autoFullscreen"> Autovollbild bei Start/Stop (sofern der Browser dies zulässt)<br>
<input type="checkbox" id="finalFive" checked="checked"> roter Hintergrund + Sekundenanzeige für letzte 5 Minuten<br>
<input type="checkbox" id="noPause" checked="checked"> Pausentasten (s.u.) deaktivieren<br>
<input type="button" value="OK" id="set"><br>
</form>
<p>
Starten/Pausieren der Uhr danach mit Leertaste oder Doppelclick, jede andere Taste oder Einzelclick wechselt
Starten/Pausieren der Uhr danach mit Leertaste oder Doppelclick.
Während die Uhr gestoppt ist, können mit PageUp und PageDown die Restzeit
verstellt werden (jeweils um eine Minute).
Jede andere Taste oder Einzelclick wechselt in beiden Modi wechselt
die WC-Anzeige.</p>
<p>
......
......@@ -7,7 +7,7 @@ var remaining = 0;
var finalFiveMin = false;
var finallNinetyNine = false;
var neverFinalFive = false;
var noPause = true;
var noPause = false;
var minute = "<span class='minsec'>'</span>";
var colon = '<span class="minsec">:</span>';
......@@ -37,8 +37,8 @@ function init(){
full = fullOrig;
remaining = full;
document.getElementById("setup").style.visibility = "hidden";
document.getElementById("time").innerHTML =
(Math.floor(remaining / 60) + minute);
document.getElementById("wc").style.visibility = "hidden";
drawTime();
document.getElementById('set').blur();
if(!document.getElementById('autoFullscreen').checked){
fullscreen = function(){};
......@@ -47,7 +47,7 @@ function init(){
if(!document.getElementById('finalFive').checked){
neverFinalFive = true;
}
if(!document.getElementById('noPause').checked){
if(document.getElementById('noPause').checked){
noPause = true;
}
}
......@@ -70,6 +70,15 @@ function toggleWC() {
document.getElementById("wc").style.visibility == "hidden" ?
"visible" : "hidden";
}
function stepClock(dirKey){
if(started){
return;
}
var step = dirKey=="PageUp"?60:-60;
full += step;
remaining += step;
drawTime();
}
window.onload=function(){
document.getElementById("set").onclick=init;
......@@ -80,19 +89,14 @@ window.onload=function(){
document.addEventListener('keydown', function(event){
if (event.key == " "){
toggleClock();
} else if ((event.key == "PageUp" || event.key == "PageDown")) {
stepClock(event.key);
} else if (event.key != "F5" && event.key != "F11") {
toggleWC();
}
});
setInterval(function(){
if(!started){
return;
}
var now = Math.floor(new Date().getTime()/1000);
elapsed = now - startDate;
remaining = full - elapsed;
function drawTime(){
if (remaining <= 0) {
started = false;
document.body.style.backgroundColor = "white";
......@@ -124,4 +128,16 @@ setInterval(function(){
Math.floor(remaining / 60) + minute;
document.getElementById("secondsmini").innerHTML = remaining % 60;
}
}
setInterval(function(){
if(!started){
return;
}
var now = Math.floor(new Date().getTime()/1000);
elapsed = now - startDate;
remaining = full - elapsed;
drawTime();
}, 1000);
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment