H I O X INDIA
FREE Javascript
 HOME  ||  Scripts  ||  Purchase  ||  Tutorials  ||  Images  ||  Tools  ||  Templates 
  :-)  Send Page   :-)   Feedback   :-)   Register   :-)   Links   :-)   Support   :-)
Español Français 中文 Deutsch
 Forums   Hosting   Internet Stats   Easy Calculation   FUN Games 

Java Script Source
List All
Date & Time
Calendar
Stop Watch script
Slide Show
Ad Display
Animated Image Effects
Image Effect
Mouse Effects
Color Picker Tool
Dynamic Color
Random Generator
Select All
Form Validation
Formatting Forms
Textbox Counter
Dynamic Form select
Bookmark
Window / User Info
Pagination
Security / Authenticate
Status Bar
Title Bar
Cursor Position
Country List
Calculators
Delete Repeated Values
Alphanumeric
Free Games




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 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



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
- This javascript (misspelled as java script)/HTML code is given under GPL License
- i.e. Free use for those who use it as it is.
- Free, if your modification does not remove our copyright information and links.
- Detailed License information can be found here
- You can purchase the script if your requirements does not meet GPL License terms.


privacy policy     license     sitemap
© 2004-2005 HIOX INDIA - hioxindia.com

Others