[发明专利]一种动画处理方法、设备及计算机可读存储介质

说明书

本申请提供一种动画处理方法、设备及计算机可读存储介质，其中，方法包括：基于用于创建层叠样式表的样式规则创建动画，并将动画关联到目标容器的选择器；配置动画的属性信息；其中，属性信息用于控制动画中滚动信息的展示效果；控制选择器基于属性信息，对滚动信息进行滚动展示。通过本申请能够实现流畅的动画效果，提高用户体验和滚动信息的呈现效果。

技术领域

本申请实施例涉及金融科技(Fintech)的动画处理技术领域，涉及但不限于一种动画处理方法、设备及计算机可读存储介质。

背景技术

随着计算机计算的发展，越来越多的技术应用在金融领域，传统金融业正在逐步向金融科技(Fintech)转变，但由于金融行业的安全性、实时性要求，也对技术提出了更高的要求。目前，在金融科技领域中，大部分产品都包含跑马灯效果的公告的功能，例如跑马灯效果的滚动信息如贷款市场报价利率(Loan Prime Rate，LPR)的显示功能。

当前多条信息播放的场景中，是在每次滚动结束的几秒后，通过JavaScript的setInterval()、setTimeout()这两个函数重新调用动画应用程序接口(ApplicationProgramming Interface，API)来控制跑马灯的循环播放。然而，由于这两个函数重复调用API需要耗费内存，进而导致内存泄漏、造成程序卡顿甚至崩溃等不良后果。

发明内容

本申请实施例提供一种动画处理方法、设备及计算机可读存储介质，通过层叠样式表来控制滚动信息无限滚动，从而实现流畅的动画效果，提高用户体验和公告呈现效果。

本申请实施例的技术方案是这样实现的：

本申请实施例提供一种方法，包括：基于用于创建层叠样式表的样式规则创建动画，并将动画关联到目标容器的选择器；

配置动画的属性信息；其中，属性信息用于控制动画中滚动信息的展示效果；

控制选择器基于属性信息，对滚动信息进行滚动展示。

本申请实施例提供一种设备，包括：

存储器，用于存储可执行指令；处理器，用于执行存储器中存储的可执行指令时，实现上述的方法。

本申请实施例提供一种计算机可读存储介质，存储有可执行指令，用于引起处理器执行时，实现上述的方法。

本申请实施例具有以下有益效果：

通过基于用于创建层叠样式表的样式规则创建动画，并将动画关联到目标容器的选择器；配置动画的属性信息；其中，属性信息用于控制动画中滚动信息的展示效果；控制选择器基于属性信息，对滚动信息进行滚动展示。如此，基于层叠样式表来控制滚动信息无限滚动，避免仅基于JavaScript的setInterval()、setTimeout()这两个函数来控制滚动信息滚动，从而解决了因JavaScript方式重复调用API需要耗费内存，进而导致内存泄漏、造成程序卡顿甚至崩溃等一系列问题，实现流畅的动画效果，提高用户体验和公告呈现效果。

附图说明

图1是本申请实施例提供的终端的一个可选的架构示意图；

图2是本申请实施例提供的动画处理方法的一个可选的流程示意图；

图3是本申请实施例提供的动画处理方法的一个可选的流程示意图；

图4是本申请实施例提供的动画处理方法的一个可选的流程示意图；

图5是本申请实施例提供的动画处理方法的一个可选的流程示意图；

图6是本申请实施例提供的动画处理方法的一个可选的流程示意图；

图7是本申请实施例中将滚动信息在目标容器中展示的界面图一；