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 Alle Anzeigen
Eine zufällige Auswahl von Codeschnipseln
aus den Bereichen
HTML, CSS,
PHP, JavaScript und
MySQL.
<output> Ausgabe
CSS - Eingabefelder und Buttons formatieren
PHP - Wochen automatisch generieren