ΨΗΦΙΑΚΟ ΡΟΛΟΪ ΜΕ ΗΜΕΡΟΜΗΝΙΑ ΓΙΑ ΤΟ BLOG ΣΑΣ No 2

ΨΗΦΙΑΚΟ ΡΟΛΟΪ ΜΕ ΗΜΕΡΟΜΗΝΙΑ ΓΙΑ ΤΟ BLOG ΣΑΣ No 2
Με τον παρακάτω κώδικα μπορείτε να βάλετε ένα ψηφιακό ρολόϊ με ημερομηνία στο blog σας. Μπορείτε να αλλάξετε το χρώμα του background αλλάζωντας τον κωδικό χρώματος #173377; με όποιο χρώμα σας αρέσει. Το ίδιο ισχύει και για το χρώμα κειμένου το ρυθμίζετε αλλάζωντας τον κωδικό χρώματος #FFFFFF; Η γραμματοσειρά και το μέγεθός της ρυθμίζονται αλλάζωντας το font: 16px Arial; Τέλος το πάχος και το χρώμα του περιγράμματος του κουτιού του ρολογιού ρυθμίζεται αλλάζωντας το border:1px solid #FBBB22; Ο κώδικας μπαίνει απλά σαν gadget σε όποιο σημείο του blog σας θέλετε να εμφανίζεται.

<style>

.clockStyle {background-color:#173377;border: 1px solid #FBBB22;padding:3px;color:#FFFFFF; font: 20px Arial;display:inline;}

</style>

<div id="clockDisplay" class="clockStyle">

<script>

function renderTime() {

var currentTime = new Date();

var diem = "AM";

var h = currentTime.getHours();

var m = currentTime.getMinutes();

var s = currentTime.getSeconds();

setTimeout('renderTime()',1000);

if (h == 0) {h = 12;

} else if (h > 12) {h = h - 12;

diem="PM";}

if (h < 10) {h = "0" + h;     }

if (m < 10) {m = "0" + m;}

if (s < 10) {s = "0" + s;     }

var myClock = document.getElementById('clockDisplay');

myClock.textContent = h + ":" + m + ":" + s + " " + diem;

myClock.innerText = h + ":" + m + ":" + s + " " + diem;}

renderTime();

</script>

</div>

<br/>

<style>

.dateStyle {background-color:#173377;border: 1px solid #FBBB22;padding:3px;color:#FFFFFF; font: 20px Arial;display:inline;}

</style>

<div id="dateDisplay" class="dateStyle">

</script>

<script type="text/javascript"><!--

var date = new Date();

var d  = date.getDate();

var day = (d < 10) ? '0' + d : d;

var m = date.getMonth() + 1;

var month = (m < 10) ? '0' + m : m;

var yy = date.getYear();

var year = (yy < 1000) ? yy + 1900 : yy;

document.write(day + "/" + month + "/" + year);

 //--></script>

</div>