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

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

<style>

#box2{margin-left:0px;padding-left:5px;background: #FBBB22;color: #000000;font: 16px Arial;border:1px solid #173377; display:inline;}

</style>

<div id='box2'>

<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>

<br/>

<script>

day = new Date();

miVisit = day.getTime();

function clock() {

dayTwo = new Date();

hrNow = dayTwo.getHours();

mnNow = dayTwo.getMinutes();

scNow = dayTwo.getSeconds();

miNow = dayTwo.getTime();

if (hrNow == 0) {hour = 12; ap = " AM";}

else if(hrNow <= 11) {ap = " AM";hour = hrNow;}

else if(hrNow == 12) {ap = " ΑM"; hour = 12;}

else if (hrNow >= 13) {hour = (hrNow - 12); ap = " PM";}

if (hrNow >= 13) {hour = hrNow - 12;}

if (mnNow <= 9) {min = "0" + mnNow;}

else (min = mnNow)

if (scNow <= 9) {secs = "0" + scNow;}

else {secs = scNow;}

time = hour + ":" + min + ":" + secs + ap;

document.form.button.value = time;

self.status = time;

setTimeout('clock()', 1000);}

function timeInfo() {milliSince = miNow; milliNow = miNow - miVisit; secsVisit = Math.round(milliNow / 1000);

minsVisit = Math.round((milliNow / 1000) / 60);}

document.write("<form name=\"form\">"

+ "<input type=button value=\"Click for info!\""

+ " name=button onClick=\"timeInfo()\"></form>");

onError = null;

clock();

</script>

</div>