<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>PureCounter Example</title> </head> <body> <div> <p>So close yet so far: <span data-purecounter-duration="2.5" data-purecounter-end="9000" class="purecounter">0</span> </p> </div> <div style="margin-top:100vh;"> <p>It's going backwards: <span data-purecounter-duration="3" data-purecounter-start="9000" data-purecounter-end="0" class="purecounter">0</span></p> </div> <div style="margin-top:100vh;"> <p>Final Form: <span data-purecounter-start="0" data-purecounter-end="9001" class="purecounter">0</span></p> </div> <script async src="dist/purecounter.js"></script> </body> </html>