Đếm giây

Hiệu ứng sẽ đếm thời gian từ lúc bạn nhấn nút Start với nút Finish.

JavaScript:

<script language="Javascript">
<!-- Gracefully hide from old browsers
// Copyright �© 2003 by David Tam, Ph.D. | http://www.ComputationalNeuralSystems.com
//   You may copy, modify and/or distribute it under the terms of the GNU General Public License.
//   See http://www.gnu.org/licenses/gpl.html for terms and conditions


// Javascript to compute elapsed time between "Start" and "Finish" button clicks
function timestamp_class(this_current_time, this_start_time, this_end_time, this_time_difference) { 
this.this_current_time = this_current_time;
this.this_start_time = this_start_time;
this.this_end_time = this_end_time;
this.this_time_difference = this_time_difference;
this.GetCurrentTime = GetCurrentTime;
this.StartTiming = StartTiming;
this.EndTiming = EndTiming;
}


//Get current time from date timestamp
function GetCurrentTime() {
var my_current_timestamp;
my_current_timestamp = new Date(); //stamp current date & time
return my_current_timestamp.getTime();
}


//Stamp current time as start time and reset display textbox
function StartTiming() {
this.this_start_time = GetCurrentTime(); //stamp current time
document.TimeDisplayForm.TimeDisplayBox.value = 0; //init textbox display to zero
}


//Stamp current time as stop time, compute elapsed time difference and display in textbox
function EndTiming() {
this.this_end_time = GetCurrentTime(); //stamp current time
this.this_time_difference = (this.this_end_time - this.this_start_time) / 1000; //compute elapsed time
document.TimeDisplayForm.TimeDisplayBox.value = this.this_time_difference; //set elapsed time in display box
}


var time_object = new timestamp_class(0, 0, 0, 0); //create new time object and initialize it


//-->
</script>

HTML:

<form>

  <input type="button" value="Start" onClick="time_object.StartTiming()"; name="StartButton">

  <input type="button" value="Finish" onClick="time_object.EndTiming()"; name="EndButton">

  </form>

  <form name="TimeDisplayForm">

  Elapsed time:

  <input type="text" name="TimeDisplayBox" size="6">

  seconds

  </form>