Monday, July 8, 2013

Timer using Jquery

<html>
 <head>
<title>Get Current Location</title>
     <script language="JavaScript" type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script language="JavaScript" type="text/javascript" src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
<script type="text/javascript">
jQuery( document ).ready(function() {    
setInterval(function() {       
offset = '+2';       
d = new Date(jQuery.now());        
utc = d.getTime() + (d.getTimezoneOffset() * 60000);          
nd = new Date(utc + (3600000*offset));       
var currentMinutes = nd.getMinutes ( );       
var currentHours = nd.getHours ( );    
var currentSeconds = nd.getSeconds ( );       
currentHours = ( currentHours < 10 ? "0" : "" ) + currentHours;    currentMinutes = ( currentMinutes < 10 ? "0" : "" ) + currentMinutes; 
currentSeconds = ( currentSeconds < 10 ? "0" : "" ) + currentSeconds;
jQuery('.location-time').text(currentHours+":"+currentMinutes+":"+currentSeconds);    }, 1000);});
</script>
<head>
<body> 
<div>It is display "Italy" Time if you want chnage time accroding to your country so please change offset value as per your country.</div>    
<div>   Current Time = <b class="location-time"></b>    </div>
</body>
</html>    

No comments:

Post a Comment