Tuesday, 14 August 2012

Javascript Clock

Step:1
Open Notepad ++


Step:2
Type the following code anywhere between the <body> Copy This Code  </body> tags:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Digital Clock </title>
<script language='JavaScript' type='text/JavaScript'>
//Made by 1st JavaScript Editor
function fifteenth() {sixteenth = new Date();seventeenth = '' + (sixteenth.getMonth()+ 1) +' / '+ sixteenth.getDate() + ' / ' + sixteenth.getFullYear(); document.eighteenth.nineteenth.value = seventeenth;}var twentieth = null;var first2 = false;
function second2 (){      
if(first2)                                clearTimeout(twentieth);            first2 = false;}
function third2 () {           second2();          fifteenth();         fourth2();}
function fourth2 () {        var fifth2 = new Date(); var sixth2 = fifth2.getHours();    var fifteenth3 = fifth2.getMinutes();       var sixteenth3 = fifth2.getSeconds();             var seventeenth3 = '' + ((sixth2 >12) ? sixth2 -12 :sixth2);              seventeenth3 += ((fifteenth3 < 10) ? ':0' : ':') + fifteenth3;                seventeenth3 += ((sixteenth3 < 10) ? ':0' : ':') + sixteenth3;                seventeenth3 += (sixth2 >= 12) ? ' P.M.' : ' A.M.';              document.eighteenth.eighteenth3.value = seventeenth3;                twentieth = setTimeout('fourth2()',1000);            first2 = true;}
window.onload=third2;
</script>
</head>
<body>
<form name='eighteenth' onSubmit='0'>

    <input name='nineteenth' type='text' style='1 background-color: #CCFFFF; layer-background-color: #CCFFFF; border: 1px none #000000; background-color: #CCFFFF; border-style: solid; border-color: #FF0000; text-align: center;' value='' size='12'>
    <input name='eighteenth3' type='text' style='2 text-align: center; background-color: #FFCCFF; layer-background-color: #FFCCFF; border: 1px none #000000; border-color: #0000FF; border-style: solid; text-align: center;' value='' size='12'>
</form>
</body>
</html>


Step:3
Save This File  .html

Thank You


No comments:

Post a Comment