Cool Number Animation with Customizable Rolling Speed (Original)

Add-ons

2026-07-25 23:13 3 次浏览 • 0 次下载 32.1KB

Cool Number Animation with Customizable Rolling Speed (Original)

Plugin description: Supports animated counting for integers and decimals, including count-up and countdown effects. The animation duration and speed can also be customized.

Last updated: 2020-11-30 09:15:18

Usage

Include the CSS and JavaScript files.

<link rel="stylesheet" href="css/jquery.count.min.css" />
<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script type="text/javascript" src="js/jquery.count.min.js"></script>

Usage

// Integer animation 
$("#intSpan").numberRockInt({
    initNumber: initNumber, // Initial value
    lastNumber: lastNumber, // Final value 
    easing: "swing", // swing (default: easing, slow-fast-slow); linear (constant speed) 
    duration: duration, // Animation duration 
    step: step // Update interval. Larger intervals make individual updates easier to distinguish visually. 
});
// Decimal animation 
$("#floatSpan").numberRockFloat({
    initNumber: initNumber, // Initial value
    lastNumber: lastNumber, // Final value 
    easing: "swing", // swing (default: easing, slow-fast-slow); linear (constant speed) 
    duration: duration, // Animation duration 
    step: step, // Update interval. Larger intervals make individual updates easier to distinguish visually.
    fixedSize: fixedSize // Number of decimal places to retain
});