[發明專利]時鐘顯示方法、裝置和終端設備

在審

• 申請號: 201910367673.3
• 申請日: 2019-04-30
• 公開（公告）號: CN110083431A
• 公開（公告）日: 2019-08-02
• 發明（設計）人: 徐德明
• 申請（專利權）人: 北京金山云網絡技術有限公司;北京金山云科技有限公司
• 主分類號: G06F9/451
• 分類號: G06F9/451;G04G9/08
• 代理公司: 北京超凡宏宇專利代理事務所(特殊普通合伙) 11463
• 代理人: 徐彥圣

本發明提供了一種時鐘顯示方法、裝置和終端設備；其中，該方法包括：根據預設的時鐘背景的圖形參數在頁面上顯示時鐘背景；根據當前時間，確定時鐘指針的顯示位置；根據顯示位置和預設的時鐘指針的圖形參數，在時鐘背景上顯示時鐘指針；根據預設的時鐘刻度的圖形參數在時鐘背景上顯示時鐘刻度。本發明中，時鐘背景和時鐘刻度均通過圖形參數以運行代碼的形式顯示在頁面上，相對于圖片形式，代碼形式數據量較小，降低了頁面加載的耗時，提高了加載速度，使得頁面更加流暢，提高了用戶體驗度。

技術領域

本發明涉及頁面顯示技術領域，尤其是涉及一種時鐘顯示方法、裝置和終端設備。

背景技術

相關技術中，如果在頁面上顯示時鐘，大多通過圖片的形式顯示表盤(包括表盤背景、刻度、數字等)，通過JavaScript或ActionScript控制指針在表盤上運動。但是，由于圖片的數據量較大，通過圖片的形式顯示表盤會使頁面加載耗時長、速度慢，還易導致頁面卡頓，影響用戶體驗度。

發明內容

有鑒于此，本發明的目的在于提供一種時鐘顯示方法、裝置和終端設備，以降低頁面加載的耗時，提高加載速度，使得頁面更加流暢，從而提高用戶體驗度。

第一方面，本發明實施例提供了一種時鐘顯示方法，該方法包括：根據預設的時鐘背景的圖形參數在頁面上顯示時鐘背景；根據當前時間，確定時鐘指針的顯示位置；根據顯示位置和預設的時鐘指針的圖形參數，在時鐘背景上顯示時鐘指針；根據預設的時鐘刻度的圖形參數在時鐘背景上顯示時鐘刻度。

在本發明較佳的實施例中，上述在根據預設的時鐘刻度的圖形參數在時鐘背景上顯示時鐘刻度后，上述方法還包括：按照預設的采樣間隔采集當前時間；根據采集的當前時間確定時鐘指針的旋轉位置；根據旋轉位置和預設的時鐘指針的圖形參數，在時鐘背景上顯示時鐘指針。

在本發明較佳的實施例中，上述時鐘背景的圖形參數包括時鐘背景的尺寸、位置、顏色、形狀中的至少一種。

在本發明較佳的實施例中，上述時鐘背景的圖形參數還包括陰影屬性，其中，陰影屬性用于設置時鐘背景的邊框，陰影屬性包括時鐘背景的陰影寬度和陰影顏色。

在本發明較佳的實施例中，上述時鐘刻度的圖形參數包括時鐘刻度的尺寸、顏色和形狀；上述在根據預設的時鐘刻度的圖形參數在時鐘背景上顯示時鐘刻度前，方法還包括：通過正弦定理確定預設數量的每個時鐘刻度在時鐘背景上的刻度位置；上述根據預設的時鐘刻度的圖形參數在時鐘背景上顯示時鐘刻度包括：根據預設的時鐘刻度的圖形參數，在時鐘背景上的每個時鐘刻度在時鐘背景上的刻度位置，顯示時鐘刻度。

在本發明較佳的實施例中，上述時鐘刻度包括第一時鐘刻度和第二時鐘刻度；第二時鐘刻度的圖形參數還包括時鐘刻度對應的刻度數字的字體屬性；上述根據預設的時鐘刻度的圖形參數，在時鐘背景上的每個時鐘刻度在時鐘背景上的刻度位置，顯示時鐘刻度的步驟，包括：針對每個時鐘刻度，判斷當前的時鐘刻度是否是第一時鐘刻度；如果是，按照第一時鐘刻度對應的圖形參數在當前的時鐘刻度對應的刻度位置上顯示當前的時鐘刻度；如果否，根據當前的時鐘刻度的順序，確定當前的時鐘刻度對應的刻度數字；按照第二時鐘刻度對應的圖形參數在當前的時鐘刻度對應的刻度位置上顯示當前的時鐘刻度，以及確定出的刻度數字。

在本發明較佳的實施例中，上述時鐘背景的形狀為圓形；上述通過正弦定理確定預設數量的每個時鐘刻度在時鐘背景上的刻度位置的步驟，包括：根據預設的初始位置和預設數量，確定每個時鐘刻度從初始位置沿著第一方向的旋轉角度；根據旋轉角度和時鐘背景的半徑，采用正弦定理計算每個時鐘刻度在時鐘背景上的刻度位置；上述按照第二時鐘刻度對應的圖形參數在當前的時鐘刻度對應的刻度位置上顯示當前的時鐘刻度，以及確定出的刻度數字的步驟，包括：根據旋轉角度，以刻度數字的中心為基準，沿著第一方向的反方向旋轉刻度數字；在刻度位置上顯示當前的時鐘刻度和旋轉后的刻度數字。