Code: Select all
<!DOCTYPE html>
<html>
<head>
<title>Evenimente</title>
<style>
#evenimente, #evenimente td, #evenimente th {
width: auto;
font-family: Verdana;
font-size: 15px;
padding: 5px;
border: 1px solid #FAFA01;
border-radius: 4px;
color: #01FA58;
text-align: center;
}
#evenimente th {
background-color: #F5AF0A;
color: #000000;
width: auto;
font-family: Verdana;
font-size: 15px;
padding: 5px;
border: 1px solid #FAFA01;
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("Eveniment OX", "31:03:2014:20:00:00"));
evenimente.push(new eveniment("GM-HIDE", "31:03:2014:21:00"));
evenimente.push(new eveniment("Eveniment Desert Oaza", "05:04:2014:18:00"));
evenimente.push(new eveniment("EVENIMENT PVP MAP Level: 180+", "06:04:2014:16:00"));
evenimente.push(new eveniment("EVENT NOAPTEA ALBA M2C", "22:04:2014:05:00:00"));
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.data < current_date)
tabel.innerHTML += "<tr><td>" + evenimente[i].nume + "</td><td>Evenimenul a inceput!</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>
</head>
<body>
<center>
<img src="1xthLD.png" width="400px">
<table id="evenimente"></table>
</center>
</body>
</html>[/i][/i][/i]