AEJoy —— 表达式之通用计数与货币格式化程序【JS】

举报
ShaderJoy 发表于 2021/11/19 01:14:01 2021/11/19
【摘要】 效果图 下面的几个示例演示了如何通过操纵几个变量来控制计数的开始和结束、计数的持续时间、计数是否使用美元符号和/或逗号格式化,以及小数点右侧的位数 想法 这次我们想要创建一个通用计数器,它将在固定...

效果图

下面的几个示例演示了如何通过操纵几个变量来控制计数的开始和结束、计数的持续时间、计数是否使用美元符号和/或逗号格式化,以及小数点右侧的位数
101.gif

想法

这次我们想要创建一个通用计数器,它将在固定的时间内从一个值计数到另一个值。我们还希望能够轻松地用逗号格式化计数,为货币格式添加美元符号,并指定小数点右侧的位数。

设计

对于应用于文本层的源文本(Source Text)参数的表达式,这是一个完美的应用程序。我们将使用 AE 的 linear() 插值方法驱动计数器。这允许我们(用一行代码)轻松地将计数时间映射为计数范围。

作为奖励,这样做会自动给我们一个计数器,可以向上或向下计数。我们要倒数所要做的就是让开始的计数大于结束的计数。此外,当达到结束计数时,此方法将自动导致输出冻结。

对于格式化,我们可以利用几个 JavaScript 内建的方法来帮助我们实现目标。我们将使用字符串方法 substr() 执行插入逗号和 toFixed() 以处理小数的格式化等所需的操作。对于负数,我们将在格式化之前去掉符号,并在格式化之后重新应用它,连同一个可选的美元符号。

代码可能需要一段时间才能理解,但对于大多数应用程序,您应该能够将其粘贴到项目中,并修改代码开头的 6 个变量。

表达式

文章来源: panda1234lee.blog.csdn.net,作者:panda1234lee,版权归原作者所有,如需转载,请联系作者。

原文链接:panda1234lee.blog.csdn.net/article/details/121327011

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。