Creating a Clock Object and Displaying the Results on the Page : Time « Development « JavaScript DHTML






  1. JavaScript DHTML
  2. Development
  3. Time

Creating a Clock Object and Displaying the Results on the Page

<html>
<head>
  <title>JavaScript Unleashed</title>
  <script type="text/javascript">
  <!--
    function Clock (hours, minutes){
     this.hours = hours;
     this.minutes = minutes;
     this.setTime = setTime;
     this.displayTime = displayTime;
    }
   
    function setTime (hours, minutes){
     this.hours = hours;
     this.minutes = minutes;
    }
   
    function displayTime (){
      var line = this.hours + ":" + this.minutes;
      document.write ("<hr>Time of clock:  " + line);
    }
  //-->
  </script>
</head>
<body>
  <script type="text/javascript">
  <!--
    var currTime = new Date();
    var myClock = new Clock(currTime.getHours (), currTime.getMinutes ());
    myClock.displayTime ();  //-->
  </script>
</body>
</html>








Related examples in the same category

1.Formats the current hour and displays it in a static or dynamic way
2.Times Table
3.A Clock Script
4.Update Time per second
5.Time: hour, minutes, and seconds.
6.Display the Current Time in status bar
7.Morning or Evening
8.Time value
9.Get the current time and then extract the hours, minutes and seconds