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

<style>

table#table, 

table#table th,

table#table td {

 width: 35%;

 border: Solid 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 = 0; zaehler < names.length; zaehler++) {

 var d = 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” (Snippets) aus den Bereichen CSS, PHP, JavaScript und MySQL.

CSS - Wasserzeicheneffekt - Hintergrundbild fixieren

PHP - Zahl n-stellig ausgeben

JavaScript - URL Query und Fragment über JavaScript auslesen

MySQL - Den nächsten und vorherigen Datensatz ermitteln