| <! DOCTYPE html>
<meta charset= "UTF-8" >
<title> Current Time </title>
<script src= "Http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type= "Text/javascript" ></ Script>
<style type= "Text/css" >
. date{height:100px;line-height:100px;margin:0 auto;font-family:arial, Helvetica, sans-serif;font-size:40px;
Border:solid 1px #ccc; box-shadow:0 0 3px Rgba (0,0,0,0.3) inset;border-radius:5px;text-shadow:1px 1px 2px rgba (0,0,0,0.3);
. Date strong{padding:0 10px;display:inline-block;height:100px;border-right:solid 1px #ccc;}
</style>
<body>
<p class= "Date" >
<strong id= "Y" ></strong>
<strong id= "MH" ></strong>
<strong id= "TD" ></strong>
<strong id= "D" ></strong>
<strong id= "H" ></strong>
<strong id= "M" ></strong>
<strong id= "S" ></strong>
</p>
<script type= "Text/javascript" >
$ (document). Ready (function () {
SetInterval (showTime, 1000);
function Timer (obj,txt) {
Obj.text (TXT);
}
function ShowTime () {
var today = new Date ();
var weekday=new Array (7)
weekday[0]= "Monday"
weekday[1]= "Tuesday"
weekday[2]= "Wednesday"
weekday[3]= "Thursday"
weekday[4]= "Friday"
weekday[5]= "Saturday"
weekday[6]= "Sunday"
var y=today.getfullyear () + "year";
var month=today.getmonth () + "month";
var td=today.getdate () + "Day";
var d=weekday[today.getday ()];
var h=today.gethours ();
var m=today.getminutes ();
var s=today.getseconds ();
Timer ($ ("#Y"), Y);
Timer ($ ("#MH"), month);
Timer ($ ("#TD"), TD);
Timer ($ ("#D"), D);
Timer ($ ("#H"), H);
Timer ($ ("#M"), M);
Timer ($ ("#S"), S);
}
})
</script>
</body>
|
