在Javascript中为价格创建一个奇特的计算?

迪克先生

我有2个价格:

价格1:5000美元
价格2:2000美元

我想要的是JavaScript来计算页面上的活动总数,因此当div加载时,它就开始计算。

但是我不只是想立即在那里看到7000美元。我希望它“动画化”结果。因此,从$ 0到$ 1,$ 2,$ 3,$ 4,$ 5 ... $ 5000,$ 5001,$ 5002 ... $ 7000。

我还希望它当前所添加的价格低于所添加的行。

前任:

总计:$ TOTALPRICE

当前添加:Price1

这可能吗?如果可以,怎么办?

罗科·C·布尔扬

jQuery使您可以为.animate()Docs提供任意值。使用方法回调
访问当前动画nowstep

var tot  = 0,
    $p1  = $("#p1"),
    $p2  = $("#p2"),
    $tot = $("#tot");

function animateTotal() {

  tot = parseFloat($p1.val()) + parseFloat($p2.val());

  $({ p: 0 }).animate({ p: tot }, {
    duration: 2000,
    easing: "swing",   // "swing" is default, you can try another easing like "linear"
    step: function (now) {
      $tot.val( now.toFixed(2) );
    }
  });

}

$p1.add($p2).on("input", animateTotal);
$p1.trigger("input");
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
$<input value="3000.50" id="p1" name="p1">PRICE1 +<br>
$<input value="4000" id="p2" name="p1">PRICE2 =<br>
$<input value="0" readonly id="tot" name="tot">

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在R中为这个特殊的计算创建一个for循环

来自分类Dev

在JavaFX中为计算器创建一个退格按钮

来自分类Dev

为长时间计算创建一个加载屏幕

来自分类Dev

在R中创建一个计算矩阵

来自分类Dev

如何在 JavaScript 中为来自 JSON API 的每个响应创建一个新的 div?

来自分类Dev

Javascript - 为每个循环创建一个对象并在数组中递增计数

来自分类Dev

在 Javascript 中为循环中生成的每个值创建一个按钮

来自分类Dev

使用 Javascript 在 MVC 中为 Post 方法创建一个 ViewModel

来自分类Dev

为Haskell中的每个Integer创建一个类型?

来自分类Dev

为Django中的未知模型创建一个ForiegnKey

来自分类Dev

为网站中的每个产品创建一个页面

来自分类Dev

如何从同一订单的多个价格和付款金额中创建一个期初余额?

来自分类Dev

从记录中仅显示价格最高的一个

来自分类Dev

使用javascript为数据库中的每个项目创建一个链接到html页面的按钮

来自分类Dev

为javascript中的每个元素添加一个值

来自分类Dev

从JavaScript中的另一个对象创建对象

来自分类Dev

在javascript中创建一个Toggle按钮

来自分类Dev

从Javascript中的对象数组创建一个对象

来自分类Dev

在javascript中创建一个计数计时器

来自分类Dev

命名;在javascript中动态创建一个变量

来自分类Dev

在 JavaScript 中过滤一个值并创建新数组

来自分类Dev

如何在javascript中创建一个while循环

来自分类Dev

为创建一个对象列表

来自分类Dev

为 NSOperationQueue 创建一个 Setter

来自分类Dev

使用奇特索引从numpy矩阵的每一列获取一个值

来自分类Dev

SQL Server为查询中的每一行计算一个变量

来自分类Dev

如何使用 JavaScript 在另一个表中创建一个表?

来自分类Dev

如何在R中创建一个计算唯一值的新列

来自分类Dev

如何创建引用另一个表中另一列的计算列?

Related 相关文章

  1. 1

    如何在R中为这个特殊的计算创建一个for循环

  2. 2

    在JavaFX中为计算器创建一个退格按钮

  3. 3

    为长时间计算创建一个加载屏幕

  4. 4

    在R中创建一个计算矩阵

  5. 5

    如何在 JavaScript 中为来自 JSON API 的每个响应创建一个新的 div?

  6. 6

    Javascript - 为每个循环创建一个对象并在数组中递增计数

  7. 7

    在 Javascript 中为循环中生成的每个值创建一个按钮

  8. 8

    使用 Javascript 在 MVC 中为 Post 方法创建一个 ViewModel

  9. 9

    为Haskell中的每个Integer创建一个类型?

  10. 10

    为Django中的未知模型创建一个ForiegnKey

  11. 11

    为网站中的每个产品创建一个页面

  12. 12

    如何从同一订单的多个价格和付款金额中创建一个期初余额?

  13. 13

    从记录中仅显示价格最高的一个

  14. 14

    使用javascript为数据库中的每个项目创建一个链接到html页面的按钮

  15. 15

    为javascript中的每个元素添加一个值

  16. 16

    从JavaScript中的另一个对象创建对象

  17. 17

    在javascript中创建一个Toggle按钮

  18. 18

    从Javascript中的对象数组创建一个对象

  19. 19

    在javascript中创建一个计数计时器

  20. 20

    命名;在javascript中动态创建一个变量

  21. 21

    在 JavaScript 中过滤一个值并创建新数组

  22. 22

    如何在javascript中创建一个while循环

  23. 23

    为创建一个对象列表

  24. 24

    为 NSOperationQueue 创建一个 Setter

  25. 25

    使用奇特索引从numpy矩阵的每一列获取一个值

  26. 26

    SQL Server为查询中的每一行计算一个变量

  27. 27

    如何使用 JavaScript 在另一个表中创建一个表?

  28. 28

    如何在R中创建一个计算唯一值的新列

  29. 29

    如何创建引用另一个表中另一列的计算列?

热门标签

归档