Countdown Timer zu Objekten Angebote und Events mit standardisierten Laufzeiten
Einen Timer mit Localstorage erstellen mit einfacher Dropdown Auswahl ( zb 1,2,3 Stunden)
Kommentar abgeben zu diesen Beitrag/Code ?Dann hier klicken
Der hier verwendete Code
Ende in <select id="stunden">
<option>1</option>
<option>2</option>
<option>3</option>
</select> Stunden
<input type="button" id="start" value="start">
<div id="ende"></div>
<div id="rest"></div>
<script>
var timer;
var ausgabeende=document.getElementById('ende');
var ausgaberest=document.getElementById('rest');
var but=document.getElementById('start');
but.addEventListener('click',function(){
clearInterval(timer);
ende=document.getElementById('stunden').value*3600;
beginn=Math.round(new Date().getTime()/1000);
localStorage.setItem('counter',beginn+ende)
counter(beginn+ende);
endfunction();
})
function endfunction(){
if(localStorage.getItem('counter')){
jetzt=Math.round(new Date().getTime()/1000);
if(localStorage.getItem('counter')>=jetzt){
var endtime = new Date(localStorage.getItem('counter')*1000);
ausgabeende.innerHTML='<h5>Counter endet am</h5>'+endtime+'<br>';
counter(localStorage.getItem('counter'));
}
}else{
console.log('Kein Timer')
}
}
function counter(counterende){
timer=setInterval(function(){
var geradejetzt=Math.round(new Date().getTime()/1000);
if(counterende>=geradejetzt){
var resttime=counterende-geradejetzt;
ausgaberest.innerHTML='<h4>Restzeit in Sekunden</h4>'+resttime;
}else{
ausgaberest.innerHTML='<h4>Timer abgelaufen</h4>';
localStorage.removeItem('counter');
clearInterval(timer);
}
},1000)
}
endfunction()
</script>