JavaScript Scripts





Español Français 中文 Deutsch Portuguese Japanese nederlands
   
 
Free Java Script Codes
Javascript List All
Slide Show Slide Show
Ad Display Ad Display
Image Effect Image Effect
Animated Image Effects Animated Image Effects
Form Validation Form Validation
Color Picker Tool Color Picker Tool
Formatting Forms Formatting Forms
Select All Select All
Dynamic Form Select Dynamic Form select
Dynamic Color Dynamic Color
Calendar Script Calendar
Textbox Counter Textbox Counter
Alphanumeric Alphanumeric
Date Time Script Date & Time
Stop Watch Script Stop Watch script
Delete Repeated Values Delete Repeated Values
Pagination Pagination
Random Generator Random Generator
Animated Text Animated Text
Cursor Position Cursor Position
User Info Window / User Info
Security Security / Authenticate
Bookmark Bookmark
Mouse Effects Mouse Effects
Title Bar Title Bar
Status Bar Status Bar
Country List Country List
Free Games Free Games
Calculators Calculators
 




Stopwatch with lap Script


About
This stopwatch-with-lap script is used for calculating time for any event and can be used in any html page.


Features
a) You can use this stopwatch timer with lap for any event to calculate the time.
b) You can reset the time using Reset button.
c) Just download and use it.

Downloads
Version 1.0 - hstopwatch-with-lap.zip
Release Date - 23-12-2007

Preview




Lap #Running TotalThis Lap



Code
Javascript Code
<!-- Script by hscripts.com -->
<script type="text/javascript" src="hstopwatch-with-lap/stopwatch-with-lap.js">
</script>
<body onload='stopwatch();'>
<br><div align=center>
        <input type='text' id='disp' maxlength=12 readonly><br><br>
        <button type='button' onclick='ss()' id='butt'>Start/Stop</button>
        <button type='button' onclick='r()' id='butt2'>Reset</button>
</div>
<br>
<table align=center border=1>
        <tr><th width=65>Lap #</th><th width=112>Running Total</th><th width=112>This Lap</th></tr>
<tr><td colspan=3>
<div align=center id='lap'>
</div>
</td></tr>
</table>
</body>
<!-- Script by hscripts.com -->

CSS Code
<style type='text/css'>
#disp
{
        background-color: black;
        font-size: 1.75em;
        font-weight: bold;
        color: white;
        width: 7.65em;
        font-family: "Courier New";
        padding: 0.15em;
        border-right-width:0;
}
#butt
{
        font-size: 1em;
        width: 8em;
        font-family: "Courier New";
}
#butt2
{
        font-size: 1em;
        width: 5em;
        font-family: "Courier New";
}
#lap
{
        margin-top: 0.5em;
}
</style>


Get free version without ©copyright link for just 5 price

For customization of this script or any script development, contact us at support@hscripts.com


Usage
a) Unzip the download.
b) You will get hstopwatch-lap/stopwatch-lap.js and hstopwatch-lap/README files.
c) In javascript file, <body onload='stopwatch();'> is used inorder to perform the stopwatch function with lap while the page is loaded.
d) Hence call 'stopwatch()' in the body tag.



License
- The javascript (misspelled as java script) is given under GPL License
- i.e. Free use for those who use the codes as it is.
- Free, if your modification does not remove our copyright information and links.
- Click Here for detailed license information.
- You can purchase the script if your requirements does not meet our GPL License terms.
Other Links

web hosting