Scriptul de mai jos afişează timpul rămas până la data stabilită de tine.
Cod: Selectaţi tot
<div class="postui post-con">
<div class="con-wrap">
<title>Evenimente</title>
<style>
#evenimente, #evenimente td, #evenimente th {
width: auto;
font-family: Verdana;
font-size: 15px;
padding: 5px;
border: 1px solid #AAAAAA;
border-radius: 4px;
color: #800000;
text-align: center;
}
#evenimente th {
background-color: #800000;
color: #000000;
width: auto;
font-family: Verdana;
font-size: 15px;
padding: 5px;
border: 1px solid #AAAAAA;
border-radius: 4px;
text-align: center;
}
</style>
<script>
var evenimente = null;
document.addEventListener("readystatechange", function(e) {
if (document.readyState == "complete") {
evenimente = new Array();
evenimente.push(new eveniment("Nume Event", "02:05:2014:20:30:00"));
evenimente.push(new eveniment("Nume Event", "03:05:2014:20:30:00"));
evenimente.push(new eveniment("Nume Event", "04:05:2014:20:30:00"));
evenimente.push(new eveniment("Nume Event", "02:05:2014:21:30:00"));
evenimente.push(new eveniment("Nume Event", "10:05:2014:21:00:00"));
evenimente.push(new eveniment("Nume Event", "11:05:2014:21:00:00"));
evenimente.push(new eveniment("Nume Event", "03:05:2014:21:00:00"));
evenimente.push(new eveniment("Nume Event", "04:05:2014:21:12"));
update_tabel();
setInterval(update_tabel, 1001);
}
});
function eveniment(nume, data) {
data = data.split(":");
this.nume = nume;
this.data = new Date(data[2], data[1] - 1, data[0], data[3], data[4], 0, 0);
}
function update_tabel() {
var tabel = document.querySelector("#evenimente");
tabel.innerHTML = "<tr><th>Nume event</th><th>Timp ramas</th></tr>";
for (var i = 0; i < evenimente.length; i++) {
var current_date = new Date();
if (evenimente[i].data < current_date)
tabel.innerHTML += "<tr><td>" + evenimente[i].nume + "</td><td>Evenimenul a inceput/Terminat!</td></tr>";
else {
var delta = (evenimente[i].data.getTime() - current_date.getTime()) / 1000;
var days = Math.floor(delta / 86400);
var hours = Math.floor(delta / 3600) % 24;
var minutes = Math.floor(delta / 60) % 60;
var seconds = Math.floor(delta % 60);
var result = "";
if (days == 1)
result += days + " zi, ";
else
result += days + " zile, ";
if (hours == 1)
result += hours + " ora, ";
else
result += hours + " ore, ";
if (minutes == 1)
result += minutes + " minut, ";
else
result += minutes + " minute, ";
if (seconds == 1)
result += seconds + " secunda, ";
else
result += seconds + " secunde, ";
result = result.substring(0, result.length - 2);
tabel.innerHTML += "<tr><td>" + evenimente[i].nume + "</td><td>" + result + "</td></tr>";
}
}
}
</script>
<center>
<table id="evenimente"><tbody><tr><th>Nume event</th><th>Timp ramas</th></tr></tbody><tbody><tr><td>Eveniment OX</td><td>Evenimenul a inceput/Terminat!</td></tr></tbody><tbody><tr><td>Eveniment OX</td><td>0 zile, 3 ore, 25 minute, 17 secunde</td></tr></tbody><tbody><tr><td>GM-HIDE</td><td>Evenimenul a inceput/Terminat!</td></tr></tbody><tbody><tr><td>Miss-Mister[Votare]</td><td>1 zi, 6 ore, 24 minute, 17 secunde</td></tr></tbody><tbody><tr><td>EVENIMENT PVP</td><td>3 zile, 3 ore, 37 minute, 17 secunde</td></tr></tbody></table>
</center>
</div>
</div>
de 
de 
de 
de