PC & IT SUPPORT MADE EASY FORUM
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Javascript Clock Time Code for HTML Web Dev 2015

Go down

Javascript Clock Time Code for HTML Web Dev 2015 Empty Javascript Clock Time Code for HTML Web Dev 2015

Post by jamied_uk 14th December 2015, 16:43

http://www.w3schools.com/html/html_colors.asp

Code:



<style>


#date_time {


background-color:#000099;


position:absolute;


bottom:0;


right:0;


}


</style>










Code:
<script type="text/javascript" language="javascript">


// RenderTime Code 2015 (c) J~Net 2015 ALL RIGHTS RESERVEDfunction date_time(id)


function date_time(id) {


date = new Date;


year = date.getFullYear();


month = date.getMonth();


months = new Array('January', 'February', 'March', 'April', 'May', 'June', 'Jully', 'August', 'September', 'October', 'November', 'December');


d = date.getDate();


day = date.getDay();


days = new Array('Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday');


h = date.getHours();


if(h<10)


{


h = "0"+h;


}


m = date.getMinutes();


if(m<10)


{


m = "0"+m;


}


s = date.getSeconds();


if(s<10)


{


s = "0"+s;


}





result = ''+days[day]+'  '+d+' '+months[month]+' '+h+':'+m+':'+s+' '+year+'' ;


// result = ''+days[day]+' '+months[month]+' '+d+' '+year+' '+h+':'+m+':'+s;


document.getElementById(id).innerHTML = result;


setTimeout('date_time("'+id+'");','1000');


return true;


}


</script>




Code:
<span id="date_time" style="color:#00FF66"></span>


<script type="text/javascript">window.onload = date_time('date_time');</script>

jamied_uk
jamied_uk
Admin

Posts : 3053
Join date : 2010-05-09
Age : 41
Location : UK

https://jnet.sytes.net

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum