[发明专利]一种页面显示方法、装置及计算设备

说明书

本发明公开了一种页面显示方法、显示装置及计算设备，页面显示方法在计算设备中执行，包括步骤：基于当前页面显示区域确定弹窗在当前页面上的第一显示区域和第一显示位置；基于所述第一显示区域和第一显示位置在当前页面上显示弹窗，所述弹窗上包括倒计时模块；获取在所述倒计时模块设置的预定停留时间；以及在所述弹窗显示预定停留时间之后，关闭并隐藏所述弹窗。根据本发明的技术方案，可以自定义设置弹窗的停留时间和显示样式，提高了用户体验，实现多样化的弹窗风格。

技术领域

本发明涉及计算机及操作系统技术领域，特别涉及一种页面显示方法、显示装置及计算设备。

背景技术

目前，大部分网络页面或应用页面会通过弹窗的方式来向用户提供信息或者获取用户输入的信息。

例如，在项目的开发过程中，会通过确认对话框来向用户提供页面警告功能。确认对话框可以作为弹窗弹出并显示在网页或者应用的顶层，在接收到用户点击确定按钮或取消按钮来将对话框关闭之前，将阻止用户对网页的输入。

现有技术中，基于原生JavaScript组件的Window对象的alert、confirm标准方法显示的对话框，在不同浏览器的显示效果不相同，而且对话框的样式风格单一、不美观，导致用户体验较差。

为此，需要一种页面显示方法，以解决上述技术方案中存在的问题。

发明内容

为此，本发明提供一种页面显示方法和显示装置，以力图解决或者至少缓解上面存在的问题。

根据本发明的一个方面，提供了一种页面显示方法，所述计算设备的屏幕上适于显示页面，所述方法包括步骤：基于当前页面显示区域确定弹窗在当前页面上的第一显示区域和第一显示位置；基于所述第一显示区域和第一显示位置在当前页面上显示弹窗，所述弹窗上包括倒计时模块；获取在所述倒计时模块设置的预定停留时间；以及在所述弹窗显示预定停留时间之后，关闭并隐藏所述弹窗。

可选地，在根据本发明的页面显示方法中，还包括步骤：接收对所述页面的缩放操作，基于所述缩放操作对所述页面进行缩放并显示缩放后的页面；根据缩放后的页面显示区域确定弹窗在缩放后的页面上的第二显示区域和第二显示位置；基于所述第二显示区域和第二显示位置在缩放后的页面上重新显示弹窗。

可选地，在根据本发明的页面显示方法中，在显示弹窗之前，还包括步骤：获取自定义设置的一种或多种弹窗样式信息，并基于所述一种或多种弹窗样式信息绘制弹窗。

可选地，在根据本发明的页面显示方法中，所述弹窗样式信息包括背景信息、颜色信息、像素宽度、像素高度中的一种或多种。

可选地，在根据本发明的页面显示方法中，在显示弹窗之后，还包括步骤：固定所述页面的位置。

可选地，在根据本发明的页面显示方法中，固定页面的位置的步骤包括：

获取页面上的滚动条距离顶部的初始高度值，并将页面的position属性设置为fixed；设置页面的顶部值为所述初始高度值的负值。

可选地，在根据本发明的页面显示方法中，固定页面的位置的步骤包括：获取页面上的滚动条距离顶部的初始高度值；监听所述页面的滚动事件，当监听到页面的滚动事件时，设置所述页面上的滚动条距离顶部的高度值始终为所述初始高度值。

可选地，在根据本发明的页面显示方法中，在基于当前页面显示区域和位置确定弹窗在当前页面上的第一显示区域和第一显示位置之前，还包括步骤：接收用户在当前页面上唤出弹窗的请求。

可选地，在根据本发明的页面显示方法中，关闭并隐藏弹窗的步骤包括：获取用户在所述弹窗上输入的信息，关闭并隐藏所述弹窗。

可选地，在根据本发明的页面显示方法中，所述弹窗为确认对话框，关闭并隐藏弹窗的步骤包括：获取在所述弹窗上输入的确认信息，关闭并隐藏所述弹窗。