主页 / 问题 / 708449
Accepted
siberian
Asked:2020-08-21 11:38:58 +0000 UTC2020-08-21 11:38:58 +0000 UTC

Wordpress 上的动画数量增加

  • 772

在 wordpress 网站上，我通过 wp-editor 中的简码显示动态数字，如下所示：

[lifetime]

有必要在数量上进行动画增加。这个数字的最大值是未知的，因为 数字是动态的。

如何在 wordpress 网站中添加这个数字增加动画？

UPD

问题的本质是如何传递一个$lifetime在 中使用的变量，并通过wordpress admin 中functions.php的简码调用。[lifetime]

php

1 个回答

  1. Best Answer
    var currentNumber = $('.js-number-lifetime').text(),
  targetNumber = $('.js-number-lifetime').attr('data-target');
$({
  numberValue: currentNumber
}).animate({
  numberValue: targetNumber
}, {
  duration: 1000,
  easing: 'linear',
  step: function() {
    $('.js-number-lifetime').text(Math.ceil(this.numberValue));
  }
});
    • 2

相关问题