我有2个价格:
价格1:5000美元
价格2:2000美元
我想要的是JavaScript来计算页面上的活动总数,因此当div加载时,它就开始计算。
但是我不只是想立即在那里看到7000美元。我希望它“动画化”结果。因此,从$ 0到$ 1,$ 2,$ 3,$ 4,$ 5 ... $ 5000,$ 5001,$ 5002 ... $ 7000。
我还希望它当前所添加的价格低于所添加的行。
前任:
总计:$ TOTALPRICE
当前添加:Price1
这可能吗?如果可以,怎么办?
jQuery使您可以为.animate()
Docs提供任意值。使用方法回调
访问当前动画now
值step
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] 删除。
我来说两句