Javascript Clock Time Code for HTML Web Dev 2015

View previous topic View next topic Go down

Javascript Clock Time Code for HTML Web Dev 2015

Post by jamied_uk on 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>

avatar
jamied_uk
Admin

Posts : 2268
Join date : 2010-05-09
Age : 34
Location : UK

http://address-shortner.co.uk

Back to top Go down

View previous topic View next topic Back to top

- Similar topics

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