Login

BastiBln · 10.07.2022, 13:53

Hi,

ich setze mit php einen Cookie, der nach einer Stunde abläuft. Ich möchte nun dem User die verbleibende Restzeit als Timer anzeigen. Wie macht man das mit js? Hab im Netz nichts passendes gefunden.

Vielen Dank!

***admin*** · 10.07.2022, 14:22

Kannst du mir mal zeigen, wie du den Cookie erstellt hast?
Wenn man den so erstellt wie es sein soll, musst du an die Zeit dran kommen
https://www.a-coding-project.de/ratgeber...s-arbeiten

Die >Ablaufzeit solltest du dann umwandeln in Sekunden , und dann kannst du da ein Timer runterzählen lassen.
Du könntest beim Speichern des Cookies auch gleich schon Ablaufwert in Timestamp speichern , dann wäre es vielleicht auch einfacher.
Vielleicht gebe es auch nee Möglichkeit mit Session, dafür muss man erstmal wissen, warum du das vorhast , gibt es da einen Grund fü das der User die Ablaufzeit wissen muss?

BastiBln · 10.07.2022, 16:15

Ja gerne:

PHP-Code:
setcookie('shoppinglist', $file, time() +3600); 

Im Cookie ist der Pfad zu einer Datei gespeichert, der User soll informiert sein wie lange die Datei noch nutzbar ist.

Für ein Code Beispiel wäre ich ganz dankbar.

***admin*** · 11.07.2022, 22:13

Ich dachte immer das man das ablaufdatum auslesen kann , aber finde nichts darüber. Wenn das nicht gehen sollte muß man halt die Ablaufzeit im Cookie speichern.

Mit extra Cookie wo die Zeit gespeichert ist könnte man es so machen

Code:
<?php

$file='bla/bla/file.php';

setcookie('shoppinglist', $file, time() +3600); 

setcookie('shoppinglist_timer', time() +3600, time() +3600); 

?>

<body>

<p id="zeit"></p>

</body>

<script>

function getCookieValue(a) {

   const b = document.cookie.match('(^|;)\\s*' + a + '\\s*=\\s*([^;]+)');

   return b ? b.pop() : '';

}

console.log(document.cookie);

function getTimestamp(){

    return Math.floor(new Date().getTime() / 1000);

}

var timer=setInterval(function(){

var rest=(getCookieValue('shoppinglist_timer')-getTimestamp());

if(rest>0){

    document.getElementById('zeit').innerHTML='Noch '+rest+' Sekunden gültig';

}else{

    document.getElementById('zeit').innerHTML='ENDE';

    clearInterval(timer);

}

},1000);

</script>

BastiBln · 13.07.2022, 21:09

Super, das funktioniert auf jeden fall schonmal.

Wie muss ich die Umrechnung formatieren, dass das als Counter, so aussieht: 00:58:24?
Hab schon einiges probiert + google aber ich kriegs nicht hin :/

Vielen Dank!

***admin*** · 14.07.2022, 13:47

Hier sind ein paar Beispiele.
https://stackoverflow.com/questions/8471...javascript

BastiBln · 15.07.2022, 14:11

Jawohl, habs hinbekommen. Man muss nur nach dem Richtigen suchen^^

Vielen Dank!

Login
Benutzername:
Passwort:	Passwort vergessen?
	Merken