padStart() V4

从起始位置用字符串填充一个 Number，直到结果达到给定长度；或者创建一个带有预定义 totalLength 和 padString 参数的填充 Function。

const paddedValue = utils.padStart(value, totalLength, padString);
const padderFunction = utils.padStart(totalLength, padString);

参数

名称	接受
value ^(可选)	`String` / `Number`
totalLength	`数字`
padString	`字符串`

如果提供了值，则返回 String；否则返回一个可链式工具 Function，用于从起始位置填充数字

const padTo5WithZeros = utils.padStart(5, '0');
padTo5WithZeros('123');  // '00123'
padTo5WithZeros(78);     // '00078'
padTo5WithZeros('1234'); // '01234'

const roundAndPad = utils.round(2).padStart(5, '0'); // Round to 2 decimal places then pad to 5 characters
roundAndPad(12.345);  // '12.35'
roundAndPad(7.8);     // '07.80'

padStart() 代码示例

import { animate, utils } from 'animejs';

animate('.value', {
  innerHTML: 10000,
  modifier: utils.round(0).padStart(6, '-'),
  duration: 100000,
  ease: 'linear',
});

<div class="large row">
  <pre class="large log row">
    <span class="value lcd">0</span>
  </pre>
</div>