Timer 0 bis 90 Minuten?
Hallo ich suche einen Timer, der 90 Minuten zählen kann und auch wirklich nicht nach 60 Minuten auf ne Stunde umspringt, sondern weiterläuft…
Weiss da jemand was und kann es mir bitte sagen? Danke
2 Antworten
hier als webseite kannste dir das basteln, funktioniert ganz gut in OBS als overlay
https://jsfiddle.net/evdysauw/4/
einmal clicken zum anhalten, doppelclick zum weiterzählen .
<html>
<head>
<script>
let seconds=0;
let timers = null;
let element = null;
function leadingzero(number) {
return (number < 10) ? '0' + number : number;
}
function calculateAndShow() {
var m = Math.floor(seconds / 60 );
var s = seconds%60;
element.innerHTML=
leadingzero(m) + ':' +
leadingzero(s);
seconds++;
};
function start() {
timers = window.setInterval(calculateAndShow, 1000);
}
function stop() {
clearInterval(timers);
}
window.onload = function () {
element = document.getElementById('zeit');
element.addEventListener("click",stop);
element.addEventListener("dblclick",start);
start();
};
</script>
</head>
<body style="background:#000000; color:#FFFFFF">
<div id="zeit"></div>
</body>
</html>
eigentlich als browserfenster und dann ganz oben halten . ich kann nachher mal ein kollegen fragen ob er dir ein video machen kann .
Ja, das wäre nett, danke! Welchen Link soll ich denn in OBS einfügen?
du fügst ein browser hinzu , klickst dann nach namensgebung auf lokale datei und nimmst den pfad zu der datei . ds ganz dann ganz oben damit es ein overlay ist .
oh ich sehe gerade wir müssen das im code zu weiss schwarz ändern .
nimm mal anstatt
<body style="background:#000000; color:#FFFFFF">
nur
<body>
die datei speichern als z.b. timer.html
achtung du musst die Dateierweitung einschalten, so das es auch eine HTML datei ist . am besten mit Editor oder so speichern .
ah moment , ich erkläre es gleich nochmal in einer anderen antwort . ich teste gerade .
also
- Editor öffnen
dann
<html>
<head>
<script>
let seconds=0;
let timers = null;
let element = null;
function leadingzero(number) {
return (number < 10) ? '0' + number : number;
}
function calculateAndShow() {
var m = Math.floor(seconds / 60 );
var s = seconds%60;
element.innerHTML=
leadingzero(m) + ':' +
leadingzero(s);
seconds++;
};
function start() {
timers = window.setInterval(calculateAndShow, 1000);
}
function stop() {
clearInterval(timers);
}
window.onload = function () {
element = document.getElementById('zeit');
element.addEventListener("click",stop);
element.addEventListener("dblclick",start);
start();
};
</script>
</head>
<body style="background:#000000; color:#FFFFFF">
<div id="zeit"></div>
</body>
</html>
einfügen
dann Datei->Speichern unter wählen
dort ganz unten bei Dateityp umstellen auf Alle Dateien *.*
dann bei Dateiname
meintimer.html
und speichern drücken wenn dir der speicherort gefällt ;)
Nun kann man in OBS
Hinzufügen und Browser wählen und dort lokale datei auswählen und dann mit durchsuchen deine meintimer.html auswählen . und OK .
der Timer geht sofort Los und ist leider auch nicht interaktiv .
wenn man das mit interaktion haben will muss man das selber in einem Browser öffnen und den dann als Fenster einbinden und zuschneiden . das muss ich mir aber erst angucken wie man das macht, ich nutz OBS kaum .
hier mal ein bild ansicht
ok, mein kollege hat gleich zeit , der macht dir ein video wie man das auch interaktiv machen kann .
Hab Dir als Video gemacht, wie man das als Overlay mit Fenster organisiert
ich hoffe das reicht Dir so .
Änderungen
<body style="font-size:48px; background:#FF0000;">
<div id="zeit" style="background:#FF0000; width:250px; height:55px; text-align:center;"></div>
</body>
Dankeschön, wie bekomme ich das denn dann in OBS eingestellt?