[发明专利]网页动画实现方法、装置、电子设备、存储介质

说明书

本发明提供一种网页动画实现方法、装置、电子设备、存储介质，网页动画实现方法，包括：获取在一网页上的用户交互行为；判断所述用户交互行为是否命中HTML文件中的JavaScript脚本编写的预定用户交互行为；若所述用户交互行为命中HTML文件中的JavaScript脚本编写的预定用户交互行为，则根据所述预定用户交互行为判断所述HTML文件中是否存在与所述预定用户交互行为对应的自定义动画样式；若所述HTML文件中存在与所述预定用户交互行为对应的自定义动画样式，则获取与所述自定义动画样式对应的CSS动画配置数据；根据所述CSS动画配置数据显示动画效果。本发明提供的方法及装置实现根据用户交互行为的网页动画，且网页动画小巧轻便，使得网页打开速度快兼容性强且扩展性广泛。

技术领域

本发明涉及计算机应用技术领域，尤其涉及一种网页动画实现方法、装置、电子设备、存储介质。

背景技术

随着计算机和网络技术的发展，通过网页获取信息成为人们生活的一部分。在网页浏览过程中，经常会包含动画效果，如通过服务器请求数据时，可能会有等待数据的过程，呈现等待的动画效果，表示等待过程。

现有的网页动画效果显示方法主要有两种：一种是通过使用后缀名为.gif的动态图片显示，另一种是使用JavaScript中的定时器动态修改字符内容的方式显示动画效果，但是这2种方法都存在劣势，第一种方法Gif动态图片占用空间大，费流量并且性能损耗大，加速手机电量消耗，动画的显示效果也不灵活，如动画速度不能控制等。第二种方法由于JavaScript属于脚本语言，技术实现上难度大，并且由于动画主体元素与JavaScript操作绑定，如果动画相关的HTML代码被修改，可能导致JavaScript代码出错。

此外，诸如OLED(Organic Light-Emitting Diode,有机电激光显示)显示技术的自发光显示屏具有自发光、广视角、几乎无穷高的对比度、较低耗电、极高反应速度等优点，因此，自发光显示屏被广泛使用。然而，在自发光显示屏长期使用过程中，其也可能会显现出轻微的视觉变化。诸如“图像残留”或“老化”换言之，随着使用时间的增长，自发光显示屏会出现图像残留，进而影响显示效果。

发明内容

本发明为了克服上述现有技术存在的缺陷，提供一种网页动画实现方法、装置、电子设备、存储介质，以实现根据用户交互行为的网页动画，且网页动画小巧轻便，使得网页打开速度快兼容性强且扩展性广泛。

根据本发明的一个方面，提供一种网页动画实现方法，包括：获取在一网页上的用户交互行为；判断所述用户交互行为是否命中HTML文件中的JavaScript脚本编写的预定用户交互行为；若所述用户交互行为命中HTML文件中的JavaScript脚本编写的预定用户交互行为，则根据所述预定用户交互行为判断所述HTML文件中是否存在与所述预定用户交互行为对应的自定义动画样式；若所述HTML文件中存在与所述预定用户交互行为对应的自定义动画样式，则获取与所述自定义动画样式对应的CSS动画配置数据；根据所述CSS动画配置数据显示动画效果。

优选地，所述获取在一网页上的用户交互行为的步骤之前还包括：获取显示所述网页的硬件设备的标识；根据所述网页的硬件设备的标识识别该硬件设备的显示屏是否为自发光型显示屏；若该硬件设备的显示屏为自发光型显示屏，则根据所述HTML文件获取所述网页上显示的静态图像，所述预定交互行为使得所述静态图像在所述自发光型显示屏上的同一位置保持时间超过第一时间阈值，且与所述预定用户交互行为对应的所述自定义动画样式的动画主体为所述静态图像。