File: html_code.html

Recommend this page to a friend!
  Classes of Suresh Kumar   JavaScript Analog Clock jQuery Widget   html_code.html   Download  
File: html_code.html
Role: Example script
Content type: text/plain
Description: html code example
Class: JavaScript Analog Clock jQuery Widget
Use CSS rotate the pointers of an analog clock
Author: By
Last change:
Date: 9 years ago
Size: 726 bytes
 

Contents

Class file image Download 
<html>
<head>
<title>Live Analog Clock using CSS and jQuery</title>
<link href="style.css" rel="stylesheet">
</head>
<body style="background-color: #673AB7;">
<div class="clock-circle">
  <div class="clock-face">
   <div id="hour" class="clock-hour"></div>
   <div id="minute" class="clock-minute"></div>
   <div id="second" class="clock-second"></div>
  </div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="script.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){

var analogclock = new analogClock();

window.setInterval(function(){ 

analogclock.run(); 

}, 1000);

});
</script>
</body>
</html>