首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何使用动画添加数字

如何使用动画添加数字
EN

Stack Overflow用户
提问于 2012-12-24 19:54:54
回答 2查看 198关注 0票数 0

我想在像秒表这样的现有数字中添加数字,我的功能是完美地添加数字,但我想像秒表一样添加动画,我尝试了,但我没有得到任何线索来完成它。这是一个working demo

代码语言:javascript
运行
复制
$('a').click(function() {
    var val = parseInt($(this).text());
    var currentVal = parseInt($('#price').text())
    var cal = parseInt(val-currentVal)
    var club = parseInt($('#price').text()) + cal
    var bb = $('#price').text(club)
})
})​

HTML

代码语言:javascript
运行
复制
<a href="#">10000</a>
<a href="#">12000</a>
<a href="#">15000</a>
<div id="price">10000</div>
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-12-24 20:16:39

使用javascript函数setInterval来制作你选择的动画。

view jsfiddle

看看javascript animation上的setInterval,初学者可以在不使用任何框架的情况下提高javascript动画。

票数 1
EN

Stack Overflow用户

发布于 2012-12-24 19:59:38

当您设置.text时,请考虑您可以在此处将JQuery动画作为回调字符串应用。例如,像这样的东西可能会起作用。将函数的最后一行更改为:

代码语言:javascript
运行
复制
$('#price').fadeOut('fast', function() { this.text(club); this.fadeIn('fast');})

更多信息可以通过JSFiddle链接获得,该链接指向正在运行的示例here

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/14021076

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档