[发明专利]时钟显示方法、装置和终端设备

说明书

本发明提供了一种时钟显示方法、装置和终端设备；其中，该方法包括：根据预设的时钟背景的图形参数在页面上显示时钟背景；根据当前时间，确定时钟指针的显示位置；根据显示位置和预设的时钟指针的图形参数，在时钟背景上显示时钟指针；根据预设的时钟刻度的图形参数在时钟背景上显示时钟刻度。本发明中，时钟背景和时钟刻度均通过图形参数以运行代码的形式显示在页面上，相对于图片形式，代码形式数据量较小，降低了页面加载的耗时，提高了加载速度，使得页面更加流畅，提高了用户体验度。

技术领域

本发明涉及页面显示技术领域，尤其是涉及一种时钟显示方法、装置和终端设备。

背景技术

相关技术中，如果在页面上显示时钟，大多通过图片的形式显示表盘(包括表盘背景、刻度、数字等)，通过JavaScript或ActionScript控制指针在表盘上运动。但是，由于图片的数据量较大，通过图片的形式显示表盘会使页面加载耗时长、速度慢，还易导致页面卡顿，影响用户体验度。

发明内容

有鉴于此，本发明的目的在于提供一种时钟显示方法、装置和终端设备，以降低页面加载的耗时，提高加载速度，使得页面更加流畅，从而提高用户体验度。

第一方面，本发明实施例提供了一种时钟显示方法，该方法包括：根据预设的时钟背景的图形参数在页面上显示时钟背景；根据当前时间，确定时钟指针的显示位置；根据显示位置和预设的时钟指针的图形参数，在时钟背景上显示时钟指针；根据预设的时钟刻度的图形参数在时钟背景上显示时钟刻度。

在本发明较佳的实施例中，上述在根据预设的时钟刻度的图形参数在时钟背景上显示时钟刻度后，上述方法还包括：按照预设的采样间隔采集当前时间；根据采集的当前时间确定时钟指针的旋转位置；根据旋转位置和预设的时钟指针的图形参数，在时钟背景上显示时钟指针。

在本发明较佳的实施例中，上述时钟背景的图形参数包括时钟背景的尺寸、位置、颜色、形状中的至少一种。

在本发明较佳的实施例中，上述时钟背景的图形参数还包括阴影属性，其中，阴影属性用于设置时钟背景的边框，阴影属性包括时钟背景的阴影宽度和阴影颜色。

在本发明较佳的实施例中，上述时钟刻度的图形参数包括时钟刻度的尺寸、颜色和形状；上述在根据预设的时钟刻度的图形参数在时钟背景上显示时钟刻度前，方法还包括：通过正弦定理确定预设数量的每个时钟刻度在时钟背景上的刻度位置；上述根据预设的时钟刻度的图形参数在时钟背景上显示时钟刻度包括：根据预设的时钟刻度的图形参数，在时钟背景上的每个时钟刻度在时钟背景上的刻度位置，显示时钟刻度。

在本发明较佳的实施例中，上述时钟刻度包括第一时钟刻度和第二时钟刻度；第二时钟刻度的图形参数还包括时钟刻度对应的刻度数字的字体属性；上述根据预设的时钟刻度的图形参数，在时钟背景上的每个时钟刻度在时钟背景上的刻度位置，显示时钟刻度的步骤，包括：针对每个时钟刻度，判断当前的时钟刻度是否是第一时钟刻度；如果是，按照第一时钟刻度对应的图形参数在当前的时钟刻度对应的刻度位置上显示当前的时钟刻度；如果否，根据当前的时钟刻度的顺序，确定当前的时钟刻度对应的刻度数字；按照第二时钟刻度对应的图形参数在当前的时钟刻度对应的刻度位置上显示当前的时钟刻度，以及确定出的刻度数字。

在本发明较佳的实施例中，上述时钟背景的形状为圆形；上述通过正弦定理确定预设数量的每个时钟刻度在时钟背景上的刻度位置的步骤，包括：根据预设的初始位置和预设数量，确定每个时钟刻度从初始位置沿着第一方向的旋转角度；根据旋转角度和时钟背景的半径，采用正弦定理计算每个时钟刻度在时钟背景上的刻度位置；上述按照第二时钟刻度对应的图形参数在当前的时钟刻度对应的刻度位置上显示当前的时钟刻度，以及确定出的刻度数字的步骤，包括：根据旋转角度，以刻度数字的中心为基准，沿着第一方向的反方向旋转刻度数字；在刻度位置上显示当前的时钟刻度和旋转后的刻度数字。