CN111198997A - 一种基于网页的数字显示方法及装置 - Google Patents
一种基于网页的数字显示方法及装置 Download PDFInfo
- Publication number
- CN111198997A CN111198997A CN201911402307.3A CN201911402307A CN111198997A CN 111198997 A CN111198997 A CN 111198997A CN 201911402307 A CN201911402307 A CN 201911402307A CN 111198997 A CN111198997 A CN 111198997A
- Authority
- CN
- China
- Prior art keywords
- displayed
- text elements
- column
- text
- current number
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 70
- 238000004590 computer program Methods 0.000 claims description 20
- 230000008569 process Effects 0.000 abstract description 12
- 238000010586 diagram Methods 0.000 description 13
- 230000006870 function Effects 0.000 description 12
- 230000004044 response Effects 0.000 description 4
- 230000008859 change Effects 0.000 description 3
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 238000012545 processing Methods 0.000 description 3
- 238000004891 communication Methods 0.000 description 2
- 238000011161 development Methods 0.000 description 2
- 238000005096 rolling process Methods 0.000 description 2
- 238000013461 design Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请适用显示的技术领域，提供了一种基于网页的数字显示方法及装置，包括：获取待显示数字串，所述待显示数字串包括多个待显示数字，每个所述待显示数字各自对应一列文本元素；获取每列文本元素在预设区域中当前数字的位置，在远离所述当前数字的第二预设方向上获取该列文本元素对应的所述待显示数字的位置；针对每列文本元素，根据所述当前数字的位置和所述待显示数字的位置移动所述文本元素，完成数字滚动显示。上述方法根据当前数字的位置和待显示数字的位置移动所述文本元素，实现了数字滚动的过程，且由于所述待显示数字位于所述当前数字之后，使得所述文本元素滚动方向一致，克服了数字显示的方式较为单一的问题。
Description
技术领域
本申请属于显示的技术领域，尤其涉及一种基于网页的数字显示方法、装置、终端设备以及计算机可读存储介质。
背景技术
网页是构成网站的基本元素，是承载各种网站应用的平台。随着互联网的发展，网页的功能愈发丰富。其中，数字显示是多数网页都会用到的一种表示人气和访问量等数字信息的功能。
目前，网页中的数字显示仅能实现数字的瞬时更替，无法显示数字变化的过程，导致传统数字显示的方式较为单一。
发明内容
有鉴于此，本申请实施例提供了一种基于网页的数字显示方法及装置，可以解决网页中的数字显示仅能实现数字的瞬时更替，无法显示数字变化的过程，导致传统的数字显示的方式较为单一的技术问题。
本申请实施例的第一方面提供了一种基于网页的数字显示方法，包括：
获取待显示数字串，所述待显示数字串包括多个待显示数字，每个所述待显示数字各自对应一列文本元素；
获取每列文本元素在预设区域中当前数字的位置，在远离所述当前数字的第二预设方向上获取该列文本元素对应的所述待显示数字的位置，所述第一预设方向和第二预设方向的方向相反；
针对每列文本元素，根据所述当前数字的位置和所述待显示数字的位置移动所述文本元素，完成数字滚动显示。
本申请实施例的第二方面提供了一种基于网页的数字显示装置，包括：
第一获取单元，用于获取待显示数字串，所述待显示数字串包括多个待显示数字，每个所述待显示数字各自对应一列文本元素；
第二获取单元，用于获取每列文本元素在预设区域中当前数字的位置，在远离所述当前数字的第二预设方向上获取该列文本元素对应的所述待显示数字的位置，所述第一预设方向和第二预设方向的方向相反；
执行单元，用于针对每列文本元素，根据所述当前数字的位置和所述待显示数字的位置移动所述文本元素，完成数字滚动显示。
本申请实施例的第三方面提供了一种终端设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述第一方面所述方法的步骤。
本申请实施例的第四方面提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现上述第一方面所述方法的步骤。
本申请实施例与现有技术相比存在的有益效果是：在本申请中，通过获取待显示数字串，所述待显示数字串包括多个待显示数字，每个所述待显示数字各自对应一列文本元素；获取每列文本元素在预设区域中当前数字的位置，在远离所述当前数字的第二预设方向上获取该列文本元素对应的所述待显示数字的位置，所述第一预设方向和第二预设方向的方向相反；针对每列文本元素，根据所述当前数字的位置和所述待显示数字的位置移动所述文本元素，完成数字滚动显示。上述方法根据当前数字的位置和待显示数字的位置移动所述文本元素，实现了数字滚动的过程，且由于所述待显示数字位于所述当前数字之后，使得所述文本元素滚动方向一致，克服了数字显示的方式较为单一的问题。
附图说明
为了更清楚地说明本申请实施例中的技术方案，下面将对实施例或相关技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它的附图。
图1示出了本申请提供的一种基于网页的数字显示方法中网页结构示意图；
图2示出了本申请提供的一种基于网页的数字显示方法的示意性流程图；
图3示出了本申请提供的一种基于网页的数字显示方法中文本元素划分示意图；
图4示出了本申请提供的一种基于网页的数字显示方法中的文本元素移动示意图；
图5示出了本申请提供的一种基于网页的数字显示方法中步骤203的具体示意性流程图；
图6示出了本申请提供的一种基于网页的数字显示方法中步骤2031的具体示意性流程图；
图7示出了本申请提供的一种基于网页的数字显示方法中数字滚动示意图；
图8示出了本申请提供的另一种基于网页的数字显示方法的示意性流程图；
图9示出了本申请提供的另一种基于网页的数字显示方法的示意性流程图；
图10示出了本申请提供的一种基于网页的数字显示装置的示意图；
图11示出了本申请一实施例提供的一种终端设备的示意图。
具体实施方式
以下描述中，为了说明而不是为了限定，提出了诸如特定系统结构、技术之类的具体细节，以便透彻理解本申请实施例。然而，本领域的技术人员应当清楚，在没有这些具体细节的其它实施例中也可以实现本申请。在其它情况中，省略对众所周知的系统、装置、电路以及方法的详细说明，以免不必要的细节妨碍本申请的描述。
应当理解，当在本申请说明书和所附权利要求书中使用时，术语“包括”指示所描述特征、整体、步骤、操作、元素和/或组件的存在，但并不排除一个或多个其它特征、整体、步骤、操作、元素、组件和/或其集合的存在或添加。
还应当理解，在本申请说明书和所附权利要求书中使用的术语“和/或”是指相关联列出的项中的一个或多个的任何组合以及所有可能组合，并且包括这些组合。
如在本申请说明书和所附权利要求书中所使用的那样，术语“如果”可以依据上下文被解释为“当...时”或“一旦”或“响应于确定”或“响应于检测到”。类似地，短语“如果确定”或“如果检测到[所描述条件或事件]”可以依据上下文被解释为意指“一旦确定”或“响应于确定”或“一旦检测到[所描述条件或事件]”或“响应于检测到[所描述条件或事件]”。
另外，在本申请说明书和所附权利要求书的描述中，术语“第一”、“第二”、“第三”等仅用于区分描述，而不能理解为指示或暗示相对重要性。
在本申请说明书中描述的参考“一个实施例”或“一些实施例”等意味着在本申请的一个或多个实施例中包括结合该实施例描述的特定特征、结构或特点。由此，在本说明书中的不同之处出现的语句“在一个实施例中”、“在一些实施例中”、“在其他一些实施例中”、“在另外一些实施例中”等不是必然都参考相同的实施例，而是意味着“一个或多个但不是所有的实施例”，除非是以其他方式另外特别强调。术语“包括”、“包含”、“具有”及它们的变形都意味着“包括但不限于”，除非是以其他方式另外特别强调。
网页是构成网站的基本元素，是承载各种网站应用的平台。随着互联网的发展，网页的功能愈发丰富。其中，数字显示是多数网页都会用到的一种表示人气和访问量等数字信息的功能。
目前，网页中的数字显示仅能实现数字的瞬时更替，无法显示数字变化的过程，导致传统数字显示的方式较为单一。
有鉴于此，本申请实施例提供了一种基于网页的数字显示方法、装置、终端设备以及计算机可读存储介质，用于解决上述技术问题。
其中，所述网页设置有多列文本元素，每列所述文本元素包括等距排列的多个数字。其中，所述文本元素是自定义的文本内容，并通过在HTML中插入文档对象模型(Document Object Model，DOM)进行渲染，得到所述文本元素。而所述文本内容的样式可通过层叠样式表(Cascading Style Sheets，CSS)进行设定，CSS是一种用来表现HTML文件样式的计算机语言。能够对网页中元素位置的排版进行像素级精确控制，故可通过CSS中的类名dataOne来设定每列所述文本元素中每个数字的间距。并在所述网页中设定自定义大小的预设区域，所述预设区域用于显示待显示数字。请参见图1，图1示出了本申请提供的一种基于网页的数字显示方法中网页结构示意图，如图1所示，图1中包括7列文本元素，每一列文本元素由数字0至9构成，而七个相连的矩形框代表所述预设区域，每列所述文本元素通过向第一预设方向移动，以更新该列所述文本元素在预设区域中的数字。其中，图1中的文本元素以及预设区域的数量可以更多或更少，文本元素以及预设区域的位置也可任意变换，图1仅仅起实例作用，不对文本元素以及预设区域的数量、位置以及样式做任何限定。
本申请提出了一种基于网页的数字显示方法。请参见图2，图2示出了本申请提供的一种基于网页的数字显示方法的示意性流程图。
如图2所示，该方法可以包括如下步骤：
步骤201，获取待显示数字串，所述待显示数字串包括多个待显示数字，每个所述待显示数字各自对应一列文本元素。
在例如显示网页访问量的场景中，服务器传入实时数据或者用户输入数据得到所述待显示数字串。若当前服务器传入的待显示数字串为：52742，其中，所述待显示数字串包括多个数位：个位、十位、百位、千位以及万位，其中，不同的数位的数字各自对应一列文本元素。例如图1所示个位对应最右边的文本元素，十位对应右边第二个文本元素，依次类推，使所述不同的数位的数字和多列文本元素一一对应。
步骤202，获取每列文本元素在预设区域中当前数字的位置，在远离所述当前数字的第二预设方向上获取该列文本元素对应的所述待显示数字的位置，所述第一预设方向和第二预设方向的方向相反。
所述位置是指当前数字或待显示数字在对应的文本元素中的位置，所述位置具体可以是每个数字所处的区域。例如，将每列所述文本元素包括的多个数字沿第一预设方向划分成前半部分和后半部分，请参见图3，图3示出了本申请提供的一种基于网页的数字显示方法中文本元素位置划分示意图，如图3所示的一列文本元素中包括两个区域，两个所述区域分别是数字列A和数字列B，以此划分当前数字或待显示数字的位置。
由于在本实施例中，文本元素的滚动方向是固定的，故在获取待显示数字时，需要向滚动方向相反的方向获取待显示数字。例如当前数字为数字列A中的7，而待显示数字为2，其中，若文本元素的移动方向(即第一预设方向)为由B至A，则远离所述当前数字的第二预设方向为由A至B。
步骤203，针对每列文本元素，根据所述当前数字的位置和所述待显示数字的位置移动所述文本元素，完成数字滚动显示。
由于每列文本元素中每个数字之间的间距相同，故可以根据所述当前数字的位置以及所述待显示数字的位置移动所述文本元素，完成数字滚动显示。请参见图4，图4示出了本申请提供的一种基于网页的数字显示方法中的文本元素移动示意图，图4中的两列文本元素分别表示同一文本元素在移动前和移动后的位置，其中预设区域中的0为当前数字，预设区域中的4为待显示数字，根据所述当前数字的位置和所述待显示数字的位置移动所述文本元素，实现数字滚动显示。
具体地，所述针对每列文本元素，根据所述当前数字的位置和所述待显示数字的位置移动所述文本元素，完成数字滚动显示，包括：
计算所述当前数字和所述待显示数字之间的距离，根据所述距离向第一预设方向移动所述文本元素。
由于在文本元素中每个数字的间距是相同的，可根据所述间距计算所述当前数字和所述待显示数字之间的距离，并根据所述距离向第一预设方向移动所述文本元素，以完成数字滚动显示。
具体地，所述计算所述当前数字和所述待显示数字之间的距离，包括以下步骤，请参见图5，图5示出了本申请提供的一种基于网页的数字显示方法中步骤203的具体示意性流程图。
步骤2031，计算所述当前数字和所述待显示数字之间的顺序差值。
由于在文本元素中每个数字是按照预设顺序进行排序，可通过计算所述当前数字和所述待显示数字之间的顺序差值得到所述距离。
具体地，所述计算所述当前数字和所述待显示数字之间的顺序差值，包括以下步骤，请参见图6，图6示出了本申请提供的一种基于网页的数字显示方法中步骤2031的具体示意性流程图。
步骤2031a，若所述当前数字和所述待显示数字同处于所述文本元素中前半部分或后半部分的数字中，则将所述待显示数字减去所述当前数字得到所述顺序差值；其中，每列所述文本元素包括的多个数字沿第一预设方向划分成前半部分和后半部分。
其中，所述文本元素中的前半部分或后半部分如图3所示，其中，所述第一预设方向(滚动方向)为由B至A，则所述文本元素中前半部分为数字列A，所述文本元素的后半部分为数字列B。
若所述当前数字和所述待显示数字同处于所述文本元素中的数字列A或数字列B中，则将所述待显示数字减去所述当前数字得到所述顺序差值。例如：数字列A中的2和5各自对应的顺序分别为第3位和第6位，将所述待显示数字减去所述当前数字，即5-2，得到所述顺序差值3。
步骤2031b，若所述当前数字和所述待显示数字不同处于所述文本元素中前半部分或后半部分的数字中，则将10减去当前数字并加上待显示数字，得到所述顺序差值。
当所述当前数字处于数字列A，所述待显示数字处于数字列B；或当所述当前数字处于数字列B，所述待显示数字处于数字列A，则将10减去当前数字并加上待显示数字，得到所述顺序差值。例如，数字列A中的8和数字列B中的2各自对应的顺序分别为第9位和13位，将10-8+2，得到所述顺序差值4。
步骤2032，将所述顺序差值乘以数字间的间距得到所述距离。
根据所述距离移动所述文本元素，完成数字滚动显示。
其中，本实施例通过CSS中的样式dataBoc的div overflow的属性将多个所述预设区域外的文本元素进行隐藏。再通过jQuery中animate()方法执行CSS属性集的自定义动画，其中，animate()方法通过CSS样式将元素从一个状态改变为另一个状态，CSS属性值逐渐改变，实现数字滚动效果。请参见图7，图7示出了本申请提供的一种基于网页的数字显示方法中数字滚动示意图。
而当获取到新的待显示数字串时，则重复执行步骤201至步骤203，进而实现实时的数字滚动功能。
在本实施例中，通过获取待显示数字串，所述待显示数字串包括多个待显示数字，每个所述待显示数字各自对应一列文本元素；获取每列文本元素在预设区域中当前数字的位置，在远离所述当前数字的第二预设方向上获取该列文本元素对应的所述待显示数字的位置，所述第一预设方向和第二预设方向的方向相反；针对每列文本元素，根据所述当前数字的位置和所述待显示数字的位置移动所述文本元素，完成数字滚动显示。上述方法根据当前数字的位置和待显示数字的位置移动所述文本元素，实现了数字滚动的过程，且由于所述待显示数字位于所述当前数字之后，使得所述文本元素滚动方向一致，克服了数字显示的方式较为单一的问题。
可选地，在上述图2所示实施例的基础上，在所述获取每列文本元素在预设区域中当前数字的位置之后，还包括如下步骤，请参见图8，图8示出了本申请提供的另一种基于网页的数字显示方法的示意性流程图。
步骤801，获取待显示数字串，所述待显示数字串包括多个待显示数字，每个所述待显示数字各自对应一列文本元素。
本实施例中步骤801，与上一实施例中步骤201相同，具体请参阅图2所示实施例中步骤201的相关描述，此处不赘述。
步骤802，获取每列文本元素在预设区域中当前数字的位置，若在远离所述当前数字的第二预设方向上未获取到该列文本元素对应的所述待显示数字的位置，则调整该列文本元素包括的多个数字的排列顺序，得到调整后的文本元素。
例如，当所述当前数字为图3中数字列B中的5，而所述待显示数字为4，此时在远离所述当前数字的第二预设方向上(即由A至B的方向)无法获取到该列文本元素对应的所述待显示数字的位置。故，需要调整该列文本元素包括的多个数字的排列顺序，以在远离所述当前数字的第二预设方向上获取到该列文本元素对应的所述待显示数字的位置，进而实现统一的滚动方向。
具体地，所述调整该列文本元素包括的多个数字的排列顺序，得到调整后的文本元素，包括：
将所述文本元素中前半部分的数字排列至后半部分的数字之后，其中，每列所述文本元素包括的多个数字沿第一预设方向划分成前半部分和后半部分；或，
将所述文本元素中所有数字的顺序进行倒置。
本实施例可通过两种方式调整文本元素：
方式一：例如图3中的数字列B保持不动，将图7中的数字列A排列至数字列B之后，得到所述调整后的文本元素。
方式二：例如图3中的数字列B的当前数字5保持不动，将所述文本元素中所有数字的顺序进行倒置，得到所述调整后的文本元素。
步骤803，针对每列文本元素，根据所述当前数字的位置和所述待显示数字的位置移动所述调整后的文本元素，完成数字滚动显示。
在本实施例中，通过获取每列文本元素在预设区域中当前数字的位置，若在远离所述当前数字的第二预设方向上未获取到该列文本元素对应的所述待显示数字的位置，则调整该列文本元素包括的多个数字的排列顺序，得到调整后的文本元素。上述方式通过调整文本元素包括的多个数字的排列顺序，保证文本元素可向同一个方向滚动。
可选地，在上述图2所示实施例的基础上，在所述获取待显示数字串之后，还包括如下步骤，请参见图9，图9示出了本申请提供的另一种基于网页的数字显示方法的示意性流程图。其中，本实施例中步骤902和步骤903，与上一实施例中步骤202和步骤203相同，具体请参阅图2所示实施例中步骤202和步骤203的相关描述，此处不赘述。
步骤901，获取待显示数字串，若所述待显示数字串的位数小于所述文本元素的数量，则根据所述显示区域的数量在所述待显示数字串的最大数位前用0补齐空余数位，得到调整后的待显示数字串，所述调整后的待显示数字串包括多个待显示数字，每个所述待显示数字各自对应一列文本元素。
例如，当所述待显示数字串为39712，而所述文本元素的数量7，所述待显示数字串的位数为5，则所述待显示数字串的位数小于所述文本元素的数量。可将所述待显示数字串的最大数位前用0补齐空余数位，得到调整后的待显示数字串0039712。
步骤902，获取每列文本元素在预设区域中当前数字的位置，在远离所述当前数字的第二预设方向上获取该列文本元素对应的所述待显示数字的位置，所述第一预设方向和第二预设方向的方向相反。
步骤903，针对每列文本元素，根据所述当前数字的位置和所述待显示数字的位置移动所述文本元素，完成数字滚动显示。
在本实施例中，通过获取待显示数字串，若所述待显示数字串的位数小于所述文本元素的数量，则根据所述显示区域的数量在所述待显示数字串的最大数位前用0补齐空余数位，得到调整后的待显示数字串。通过上述方式可以显示不同位数的待显示数字串，增加了数字显示的应用范围。
如图10本申请提供了一种基于网页的数字显示装置10，请参见图10，图10示出了本申请提供的一种基于网页的数字显示装置的示意图，如图10所示一种基于网页的数字显示装置包括：
第一获取单元101，用于获取待显示数字串，所述待显示数字串包括多个待显示数字，每个所述待显示数字各自对应一列文本元素；
第二获取单元102，用于获取每列文本元素在预设区域中当前数字的位置，在远离所述当前数字的第二预设方向上获取该列文本元素对应的所述待显示数字的位置，所述第一预设方向和第二预设方向的方向相反；
执行单元103，用于针对每列文本元素，根据所述当前数字的位置和所述待显示数字的位置移动所述文本元素，完成数字滚动显示。
本申请提供的一种基于网页的数字显示装置，通过获取待显示数字串，所述待显示数字串包括多个待显示数字，每个所述待显示数字各自对应一列文本元素；获取每列文本元素在预设区域中当前数字的位置，在远离所述当前数字的第二预设方向上获取该列文本元素对应的所述待显示数字的位置，所述第一预设方向和第二预设方向的方向相反；针对每列文本元素，根据所述当前数字的位置和所述待显示数字的位置移动所述文本元素，完成数字滚动显示。上述方法根据当前数字的位置和待显示数字的位置移动所述文本元素，实现了数字滚动的过程，且由于所述待显示数字位于所述当前数字之后，使得所述文本元素滚动方向一致，克服了数字显示的方式较为单一的问题。
应理解，上述实施例中各步骤的序号的大小并不意味着执行顺序的先后，各过程的执行顺序应以其功能和内在逻辑确定，而不应对本申请实施例的实施过程构成任何限定。
图11示出了本申请一实施例提供的一种终端设备的示意图。如图11所示，该实施例的一种终端设备11包括：处理器110、存储器111以及存储在所述存储器111中并可在所述处理器110上运行的计算机程序112，例如一种基于网页的数字显示程序。所述处理器110执行所述计算机程序112时实现上述各个一种基于网页的数字显示方法实施例中的步骤，例如图2所示的步骤201至步骤203。或者，所述处理器110执行所述计算机程序112时实现上述各装置实施例中各单元的功能，例如图10所示单元101至103。
示例性的，所述计算机程序112可以被分割成一个或多个单元，所述一个或者多个单元被存储在所述存储器111中，并由所述处理器110执行，以完成本申请。所述一个或多个单元可以是能够完成特定功能的一系列计算机程序指令段，该指令段用于描述所述计算机程序112在所述一种终端设备11中的执行过程。例如，所述计算机程序112可以被分割的具体功能如下：
第一获取单元，用于获取待显示数字串，所述待显示数字串包括多个待显示数字，每个所述待显示数字各自对应一列文本元素；
第二获取单元，用于获取每列文本元素在预设区域中当前数字的位置，在远离所述当前数字的第二预设方向上获取该列文本元素对应的所述待显示数字的位置，第一预设方向和第二预设方向的方向相反；
执行单元，用于针对每列文本元素，根据所述当前数字的位置和所述待显示数字的位置移动所述文本元素，完成数字滚动显示。
所述一种终端设备11可以是桌上型计算机、笔记本、掌上电脑及云端服务器等计算设备。所述一种终端设备可包括，但不仅限于，处理器110、存储器111。本领域技术人员可以理解，图11仅仅是一种终端设备11的示例，并不构成对一种终端设备11的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件，例如所述一种终端设备还可以包括输入输出设备、网络接入设备、总线等。
所称处理器110可以是中央处理单元(Central Processing Unit，CPU)，还可以是其他通用处理器、数字信号处理器(Digital Signal Processor，DSP)、专用集成电路(Application Specific Integrated Circuit，ASIC)、现成可编程门阵列(Field-Programmable Gate Array，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
所述存储器111可以是所述一种终端设备11的内部存储单元，例如一种终端设备7的硬盘或内存。所述存储器111也可以是所述一种终端设备11的外部存储设备，例如所述一种终端设备11上配备的插接式硬盘，智能存储卡(Smart Media Card，SMC)，安全数字(Secure Digital，SD)卡，闪存卡(Flash Card)等。进一步地，所述存储器111还可以既包括所述一种终端设备11的内部存储单元也包括外部存储设备。所述存储器111用于存储所述计算机程序以及所述一种终端设备所需的其他程序和数据。所述存储器111还可以用于暂时地存储已经输出或者将要输出的数据。
所属领域的技术人员可以清楚地了解到，为了描述的方便和简洁，仅以上述各功能单元、模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能单元、模块完成，即将所述装置的内部结构划分成不同的功能单元或模块，以完成以上描述的全部或者部分功能。实施例中的各功能单元、模块可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中，上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。另外，各功能单元、模块的具体名称也只是为了便于相互区分，并不用于限制本申请的保护范围。上述系统中单元、模块的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。
在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述或记载的部分，可以参见其它实施例的相关描述。
本领域普通技术人员可以意识到，结合本文中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本申请的范围。
在本申请所提供的实施例中，应该理解到，所揭露的终端设备和方法，可以通过其它的方式实现。例如，以上所描述的终端设备实施例仅仅是示意性的，例如，所述模块或单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通讯连接可以是通过一些接口，装置或单元的间接耦合或通讯连接，可以是电性，机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。
所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请实现上述实施例方法中的全部或部分流程，也可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一计算机可读存储介质中，该计算机程序在被处理器执行时，可实现上述各个方法实施例的步骤。其中，所述计算机程序包括计算机程序代码，所述计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。所述计算机可读介质可以包括：能够携带所述计算机程序代码的任何实体或装置、记录介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(Read-Only Memory，ROM)、随机存取存储器(Random AccessMemory，RAM)、电载波信号、电信信号以及软件分发介质等。需要说明的是，所述计算机可读介质包含的内容可以根据司法管辖区内立法和专利实践的要求进行适当的增减，例如在某些司法管辖区，根据立法和专利实践，计算机可读介质不包括电载波信号和电信信号。
以上所述实施例仅用以说明本申请的技术方案，而非对其限制；尽管参照前述实施例对本申请进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围，均应包含在本申请的保护范围之间。
Claims (10)
1.一种基于网页的数字显示方法，其特征在于，所述网页设置有多列文本元素，每列所述文本元素包括等距排列的多个数字，每列所述文本元素通过向第一预设方向移动，以更新该列所述文本元素在预设区域中的数字，所述方法包括：
获取待显示数字串，所述待显示数字串包括多个待显示数字，每个所述待显示数字各自对应一列文本元素；
获取每列文本元素在预设区域中当前数字的位置，在远离所述当前数字的第二预设方向上获取该列文本元素对应的所述待显示数字的位置，所述第一预设方向和第二预设方向的方向相反；
针对每列文本元素，根据所述当前数字的位置和所述待显示数字的位置移动所述文本元素，完成数字滚动显示。
2.如权利要求1所述的方法，其特征在于，在所述获取每列文本元素在预设区域中当前数字的位置之后，还包括：
若在远离所述当前数字的第二预设方向上未获取到该列文本元素对应的所述待显示数字的位置，则调整该列文本元素包括的多个数字的排列顺序，得到调整后的文本元素。
相应的，所述针对每列文本元素，根据所述当前数字的位置和所述待显示数字的位置移动所述文本元素，完成数字滚动显示，包括：
针对每列文本元素，根据所述当前数字的位置和所述待显示数字的位置移动所述调整后的文本元素，完成数字滚动显示。
3.如权利要求1所述的方法，其特征在于，所述针对每列文本元素，根据所述当前数字的位置和所述待显示数字的位置移动所述文本元素，完成数字滚动显示，包括：
计算所述当前数字和所述待显示数字之间的距离，根据所述距离向第一预设方向移动所述文本元素。
4.如权利要求3所述的方法，其特征在于，所述计算所述当前数字和所述待显示数字之间的距离，包括：
计算所述当前数字和所述待显示数字之间的顺序差值；
将所述顺序差值乘以数字间的间距得到所述距离。
5.如权利要求4所述的方法，其特征在于，所述计算所述当前数字和所述待显示数字之间的顺序差值，包括：
若所述当前数字和所述待显示数字同处于所述文本元素中前半部分或后半部分的数字中，则将所述待显示数字减去所述当前数字得到所述顺序差值；其中，每列所述文本元素包括的多个数字沿第一预设方向划分成前半部分和后半部分；
若所述当前数字和所述待显示数字不同处于所述文本元素中前半部分或后半部分的数字中，则将10减去当前数字并加上待显示数字，得到所述顺序差值。
6.如权利要求2所述的方法，其特征在于，所述调整该列文本元素包括的多个数字的排列顺序，得到调整后的文本元素，包括：
将所述文本元素中前半部分的数字排列至后半部分的数字之后，其中，每列所述文本元素包括的多个数字沿第一预设方向划分成前半部分和后半部分；或，
将所述文本元素中所有数字的顺序进行倒置。
7.如权利要求1所述的方法，其特征在于，在所述获取待显示数字串之后，还包括：
若所述待显示数字串的位数小于所述文本元素的数量，则根据所述显示区域的数量在所述待显示数字串的最大数位前用0补齐空余数位，得到调整后的待显示数字串。
8.一种基于网页的数字显示装置，其特征在于，所述装置包括：
第一获取单元，用于获取待显示数字串，所述待显示数字串包括多个待显示数字，每个所述待显示数字各自对应一列文本元素；
第二获取单元，用于获取每列文本元素在预设区域中当前数字的位置，在远离所述当前数字的第二预设方向上获取该列文本元素对应的所述待显示数字的位置，第一预设方向和第二预设方向的方向相反；
执行单元，用于针对每列文本元素，根据所述当前数字的位置和所述待显示数字的位置移动所述文本元素，完成数字滚动显示。
9.一种终端设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现如权利要求1至7任一项所述方法的步骤。
10.一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1至7任一项所述方法的步骤。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911402307.3A CN111198997A (zh) | 2019-12-30 | 2019-12-30 | 一种基于网页的数字显示方法及装置 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911402307.3A CN111198997A (zh) | 2019-12-30 | 2019-12-30 | 一种基于网页的数字显示方法及装置 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN111198997A true CN111198997A (zh) | 2020-05-26 |
Family
ID=70746191
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201911402307.3A Pending CN111198997A (zh) | 2019-12-30 | 2019-12-30 | 一种基于网页的数字显示方法及装置 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111198997A (zh) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113750509A (zh) * | 2021-08-19 | 2021-12-07 | 珠海强源体育用品有限公司 | 枪击排名动态显示方法、存储介质及显示装置 |
| CN114611031A (zh) * | 2022-03-09 | 2022-06-10 | 平安科技（深圳）有限公司 | 数字滚动显示方法、装置、设备及介质 |
| WO2024032564A1 (zh) * | 2022-08-12 | 2024-02-15 | 亿航智能设备（广州）有限公司 | 仪表数字显示方法、装置、设备及计算机可读存储介质 |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105095157A (zh) * | 2014-04-18 | 2015-11-25 | 腾讯科技（深圳）有限公司 | 字符串显示方法及装置 |
| CN108536864A (zh) * | 2018-04-20 | 2018-09-14 | 平安科技（深圳）有限公司 | 页面数字显示方法、装置、计算机设备及存储介质 |
| CN109240632A (zh) * | 2018-09-17 | 2019-01-18 | 北京点网聚科技有限公司 | 一种多位数字展现方法及装置 |
| CN109416613A (zh) * | 2016-07-15 | 2019-03-01 | 爱迪德技术有限公司 | 获取用户输入 |
-
2019
- 2019-12-30 CN CN201911402307.3A patent/CN111198997A/zh active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105095157A (zh) * | 2014-04-18 | 2015-11-25 | 腾讯科技（深圳）有限公司 | 字符串显示方法及装置 |
| CN109416613A (zh) * | 2016-07-15 | 2019-03-01 | 爱迪德技术有限公司 | 获取用户输入 |
| CN108536864A (zh) * | 2018-04-20 | 2018-09-14 | 平安科技（深圳）有限公司 | 页面数字显示方法、装置、计算机设备及存储介质 |
| CN109240632A (zh) * | 2018-09-17 | 2019-01-18 | 北京点网聚科技有限公司 | 一种多位数字展现方法及装置 |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113750509A (zh) * | 2021-08-19 | 2021-12-07 | 珠海强源体育用品有限公司 | 枪击排名动态显示方法、存储介质及显示装置 |
| CN114611031A (zh) * | 2022-03-09 | 2022-06-10 | 平安科技（深圳）有限公司 | 数字滚动显示方法、装置、设备及介质 |
| WO2024032564A1 (zh) * | 2022-08-12 | 2024-02-15 | 亿航智能设备（广州）有限公司 | 仪表数字显示方法、装置、设备及计算机可读存储介质 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN111198997A (zh) | 一种基于网页的数字显示方法及装置 | |
| CN109254818B (zh) | 针对浏览器不同分辨率的像素级定位方法和装置 | |
| CN103064920A (zh) | 移动终端中的页面字体大小缩放方法及装置 | |
| US20130106831A1 (en) | 3-d presentation of information | |
| CN112667330A (zh) | 一种页面显示方法及计算机设备 | |
| CN112269830A (zh) | 大数据分析方法、系统、计算机设备及其存储介质 | |
| CN113111624B (zh) | 一种文本显示方法、装置、电子设备及存储介质 | |
| CN109408162A (zh) | 一种显示页面的方法及终端 | |
| CN112181386B (zh) | 一种基于软件持续集成的代码构建方法、装置及终端 | |
| CN111104117A (zh) | 页面主题风格切换方法、装置、电子设备及计算机存储介质 | |
| CN110673903B (zh) | 一种阅读软件的书架页面的显示方法和装置 | |
| CN110119416A (zh) | 一种服务数据分析系统及方法 | |
| CN106610824A (zh) | 一种页面高度自适应的方法及装置 | |
| CN112766995B (zh) | 物品推荐方法、装置、终端设备及存储介质 | |
| CN108108220A (zh) | 基于文本控件的字符串动画效果实现方法及装置 | |
| JP7047562B2 (ja) | プログラム、情報処理方法、情報端末及び情報処理システム | |
| CN103699520A (zh) | 用于维持电子文档布局的字体处理方法 | |
| CN108563412B (zh) | 一种数值变化展示方法及装置 | |
| CN111143240A (zh) | 图像存储方法、系统及终端设备 | |
| CN111143749A (zh) | 一种网页展示方法、装置、设备及存储介质 | |
| CN115795133A (zh) | 数据加载方法、装置、电子设备及存储介质 | |
| CN115390976A (zh) | 界面设计的布局方法、界面的展示方法及相关设备 | |
| CN115421691A (zh) | 一种基于虚拟列表的数据滚动方法、装置及计算机设备 | |
| CN114611031A (zh) | 数字滚动显示方法、装置、设备及介质 | |
| CN107636650A (zh) | 符合基于渲染评估的条件的文档呈现 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20200526 |
|
| RJ01 | Rejection of invention patent application after publication |