Javascript-forum
text vor und hinter timer - Druckversion

+- Javascript-forum (https://javascript-forum.de)
+-- Forum: Entwicklung (https://javascript-forum.de/forumdisplay.php?fid=4)
+--- Forum: Javascript (https://javascript-forum.de/forumdisplay.php?fid=6)
+--- Thema: text vor und hinter timer (/showthread.php?tid=1309)



text vor und hinter timer - Horst - 21.08.2022

Hallo alle da draußen ich versuche einen  JavaScript Schnipsel (timer) in einem Text einzubauen
Also quasi so
ich bin jetzt 58 Jahre alt (58 ist der schipsel)
leider schaffte ich es nicht
ich bin jetzt vor dein timer und Jahre alt hinter ihn zusetzten in anderen reihen also darunter geht’s
hat wer einen plan wie ich das hin bekomme


RE: text vor und hinter timer - rzscout - 21.08.2022

Code:
let geburtsdatum = new Date(1982,5,7);
let differenz = Date.now() - geburtsdatum.getTime();
let alter = new Date(differenz);
let alter_jahre = alter.getUTCFullYear() - 1970;
let meinString = `Ich bin jetzt ${alter_jahre} Jahre alt.`;
console.log(meinString);

Viel Spass


RE: text vor und hinter timer - Horst - 22.08.2022

das geht leider nicht mir wird im <script></script> nichts angezeigt

ich hatte diesen schnippsel
<script>
var jahr=1956, monat=10, tag=7, stunde=0, minute=0, sekunde=0;
function countup() {
var startDatum=new Date(jahr,monat-1,tag,stunde,minute,sekunde);
zielDatum=new Date();

if(startDatum<zielDatum) {
var jahre=0, monate=0, tage=0, stunden=0, minuten=0, sekunden=0;

while(startDatum<zielDatum) {
jahre++;
startDatum.setFullYear(startDatum.getFullYear()+1);
}
startDatum.setFullYear(startDatum.getFullYear()-1);
jahre--;

while(startDatum<zielDatum) {
monate++;
startDatum.setMonth(startDatum.getMonth()+1);
}

startDatum.setMonth(startDatum.getMonth()-1);
monate--;

while(startDatum.getTime()+(24*60*60*1000)<zielDatum) {
tage++;
startDatum.setTime(startDatum.getTime()+(24*60*60*1000));
}
(jahre!=1)?jahre=jahre+" Jahre ":jahre=jahre+" Jahr, ";
(monate!=1)?monate=monate+" Monaten ":monate=monate+" Monat ";

document.write('<p style="color:808000">'+jahre+monate+'</p>');
}else{
document.write("0 Jahre, 0 Monate, 0 Tage");
}
}
setTimeout('countup()',200);
</script>

leider klappt das mit dem text hier nicht


RE: text vor und hinter timer - admin - 22.08.2022

document.write nimmt man auch nicht mehr
Einfach innerHTML nutzen mit dem Code von  @"rzscout" 





RE: text vor und hinter timer - rzscout - 22.08.2022

(22.08.2022, 00:31)Horst schrieb: das geht leider nicht mir wird im <script></script> nichts angezeigt

ich hatte diesen schnippsel
<script>
var jahr=1956, monat=10, tag=7, stunde=0, minute=0, sekunde=0;
function countup() {
var startDatum=new Date(jahr,monat-1,tag,stunde,minute,sekunde);
zielDatum=new Date();
 
if(startDatum<zielDatum) {
var jahre=0, monate=0, tage=0, stunden=0, minuten=0, sekunden=0;
 
while(startDatum<zielDatum) {
jahre++;
startDatum.setFullYear(startDatum.getFullYear()+1);
}
startDatum.setFullYear(startDatum.getFullYear()-1);
jahre--;
 
while(startDatum<zielDatum) {
monate++;
startDatum.setMonth(startDatum.getMonth()+1);
}
 
startDatum.setMonth(startDatum.getMonth()-1);
monate--;
 
while(startDatum.getTime()+(24*60*60*1000)<zielDatum) {
tage++;
startDatum.setTime(startDatum.getTime()+(24*60*60*1000));
}
(jahre!=1)?jahre=jahre+" Jahre ":jahre=jahre+" Jahr, ";
(monate!=1)?monate=monate+" Monaten ":monate=monate+" Monat ";

document.write('<p style="color:808000">'+jahre+monate+'</p>');
}else{
  document.write("0 Jahre, 0 Monate, 0 Tage");
}
}
setTimeout('countup()',200);
</script>

leider klappt das mit dem text hier nicht


Warum so kompliziert. JavaScript liefert doch die passenden Funktionen mit wie : getUTCFullYear() usw.


RE: text vor und hinter timer - Horst - 22.08.2022

super danke das klappt Smile