Number Run: Show a number count down or up in a page element

Recommend this page to a friend!
     
  Info   Example   View files Files   Download Download   Reputation   Support forum   Blog    
Ratings Unique User Downloads Download Rankings
Not enough user ratingsTotal: 52 All time: 496 This week: 2Up
Version License JavaScript version Categories
numberrun 1.0GNU General Publi...5HTML
Description 

Author

Dave Norminton

This object can show a number count down or up in a page element.

It can show in a given page element a number that is updated at a regular time interval.

The number can be updated to go up or down depending of the current number is higher or lower than the final number.

Picture of Dave Norminton
  Performance   Level  
Name: Dave Norminton <contact>
Classes: 3 packages by
Country: United Kingdom
Age: ???
All time rank: 1236 in United Kingdom
Week rank: 6 Up1 in United Kingdom Up

Level 2 StarStar

 Innovation award
Innovation award
Nominee: 1x

Winner: 1x

Example

<!doctype html>
<html>
<head>
    <title>Text Runner js</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="wrapper">
        <div class="example1">
            <h1>Example counting up with an interval of 100 miliseconds</h1>
            <span id="number"></span>
        </div>
        <div class="example2">
            <h1>Example counting down with an interval of 10 miliseconds</h1>
            <span id="number2"></span>
        </div>
    <div>
<script src="numberRun.js"></script>
<script>

var run = new numberRun('number');
    run.setStart(0).setFinish(2350).setInterval(100).count();

var run2 = new numberRun('number2');
    run2.setStart(600).setFinish(50).setInterval(10).count()

</script>
</body>
</html>

Details

numberRun

simple script to either count down or up to a supplied number.


  Files folder image Files (4)  
File Role Description
Accessible without login Plain text file index.html Example Example
Plain text file numberRun.js Class Class source
Accessible without login Plain text file README.md Doc. Documentation
Accessible without login Plain text file style.css Data Auxiliary data

Downloadnumberrun-2021-12-03.zip 2KB
Downloadnumberrun-2021-12-03.tar.gz 1KB
 Version Control Unique User Downloads Download Rankings  
 100%
Total:52
This week:0
All time:496
This week:2Up

  Applications that use this package  
No pages of applications that use this class were specified.

Add link image If you know an application of this package, send a message to the author to add a link here.