roundPad() V4

Rounds a value to a specified decimal length, pads with zeros if needed, and returns the result as a string, or creates a rounding and padding Function with a pre-defined decimalLength parameter.

const roundedPaddedValue = utils.roundPad(value, decimalLength);
const roundPadderFunction = utils.roundPad(decimalLength);

Parameters

Name Accepts
value (opt) Number / String
decimalLength Number

Returns

A String if a value is provided, otherwise a chain-able utility Function to round and pad numbers to the specified decimal length:

const roundPadTo2Decimals = utils.roundPad(2);
roundPadTo2Decimals(90.12345);  // '90.12'
roundPadTo2Decimals(120);       // '120.00'
roundPadTo2Decimals(15.9);      // '15.90'

const snapAndRoundPad = utils.snap(50).roundPad(2); // Snap to nearest 50 then roundPad to 2 decimal places
snapAndRoundPad(123.456); // '100.00'
snapAndRoundPad(175.789); // '200.00'

roundPad() code example

import { animate, utils } from 'animejs';

animate('.value', {
  innerHTML: '8.1',
  modifier: utils.roundPad(3),
  duration: 10000,
  ease: 'linear',
});
<div class="large row">
  <pre class="large log row">
    <span class="value lcd">0.000</span>
  </pre>
</div>