JavaScript - Count-Up Anzeige für Personen, Dinge etc.

<style>

table#table, 
table#table th,
table#table td {
 
width35%;
 
borderSolid Thin Black;
}
</
style>

<
div id="ausgabe"></div>

<
script>
// Count-Up Anzeige für Personen, Dinge etc.

var names = new Array();
var 
dabei = new Array();

// Monatsnamen in englisch eintragen (Monatsname Tag, Jahr Uhrzeit)!

names[0] = "Kai";
dabei[0] = new Date('January 01, 2018 20:00:00');

names[1] = "Bernd";
dabei[1] = new Date('March 22, 2018 20:00:00');

names[2] = "Werner";
dabei[2] = new Date('November 16, 2018 20:00:00');


var 
ausgabe '<table id="table"><tr><th>Name</th><th>Dabei seit</th></tr>';

for (var 
zaehler 0zaehler names.lengthzaehler++) {
 var 
= new Date();
 var 
millisekunden Math.floor(d.getTime() - dabei[zaehler].getTime());
 var 
sekunden Math.floor(millisekunden/1000);
 var 
minuten Math.floor(sekunden/60);
 var 
stunden Math.floor(minuten/60);
 var 
tage Math.floor(stunden/24);
 
ausgabe += '<tr><td>' names[zaehler] + '</td><td>' tage ' Tagen</td></tr>';
}
document.getElementById("ausgabe").innerHTML ausgabe '</table>';
</
script>

Bausteine

Eine zufällige Auswahl von „Bausteinen” aus den Bereichen CSS, PHP, JavaScript und MySQL.

CSS - Nur gefüllte Tabellenzellen hervorheben

PHP - Nächstgrößeren Zehner finden

JavaScript - Passwort im Klartext anzeigen

MySQL - Den nächsten und vorherigen Datensatz ermitteln