CN106993232A - 一种基于电视的文字滚动实现方法及装置 - Google Patents

一种基于电视的文字滚动实现方法及装置 Download PDF

Info

Publication number
CN106993232A
CN106993232A CN201710293614.7A CN201710293614A CN106993232A CN 106993232 A CN106993232 A CN 106993232A CN 201710293614 A CN201710293614 A CN 201710293614A CN 106993232 A CN106993232 A CN 106993232A
Authority
CN
China
Prior art keywords
div
word
visual windows
rolled
width
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.)
Granted
Application number
CN201710293614.7A
Other languages
English (en)
Other versions
CN106993232B (zh
Inventor
徐佳宏
邓立超
刘�文
陈恋
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Shenzhen Ipanel TV Inc
Original Assignee
Shenzhen Ipanel TV Inc
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Shenzhen Ipanel TV Inc filed Critical Shenzhen Ipanel TV Inc
Priority to CN201710293614.7A priority Critical patent/CN106993232B/zh
Publication of CN106993232A publication Critical patent/CN106993232A/zh
Application granted granted Critical
Publication of CN106993232B publication Critical patent/CN106993232B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47End-user applications
    • H04N21/472End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content
    • H04N21/4722End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content for requesting additional data associated with the content
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47End-user applications
    • H04N21/485End-user interface for client configuration
    • H04N21/4858End-user interface for client configuration for modifying screen layout parameters, e.g. fonts, size of the windows
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/80Generation or processing of content or additional data by content creator independently of the distribution process; Content per se
    • H04N21/83Generation or processing of protective or descriptive data associated with content; Content structuring
    • H04N21/835Generation of protective data, e.g. certificates
    • H04N21/8355Generation of protective data, e.g. certificates involving usage data, e.g. number of copies or viewings allowed
    • H04N21/83555Generation of protective data, e.g. certificates involving usage data, e.g. number of copies or viewings allowed using a structured language for describing usage rules of the content, e.g. REL

Landscapes

  • Engineering & Computer Science (AREA)
  • Multimedia (AREA)
  • Signal Processing (AREA)
  • Human Computer Interaction (AREA)
  • Databases & Information Systems (AREA)
  • Computer Security & Cryptography (AREA)
  • Controls And Circuits For Display Device (AREA)

Abstract

本申请提供了一种基于电视的文字滚动实现方法及装置,基于电视的文字滚动实现方法采用的是符合W3C标准的HTML标签,如div、span,因此用于数字电视web开发的JavaScript能够更快的解析出HTML标签,加快文字滚动的显示速度,从而提高文字滚动的性能。

Description

一种基于电视的文字滚动实现方法及装置
技术领域
本申请涉及数字电视领域,特别涉及一种基于电视的文字滚动实现方法及装置。
背景技术
随着数字电视技术的发展,数字电视机顶盒用户不断增加,在使用机顶盒播放电视节目期间,在视频之上滚动显示文字已经非常普遍。滚动文字可以是新闻,也可以是广告,它以运动的形式播出,可以显示很多内容,又不占用很大空间,是电视观众接收信息的重要途径之一。
但是,目前文字滚动实现方法实现的文字滚动性能较差,如何提高文字滚动性能成为问题。
发明内容
为解决上述技术问题,本申请实施例提供一种基于电视的文字滚动实现方法及装置,以达到提高文字滚动的性能的目的,技术方案如下:
一种基于电视的文字滚动实现方法,包括:
获取电视屏幕上呈现文字的元素,并将获取到的电视屏幕上呈现文字的元素作为可视窗口,设置所述可视窗口的属性值;
利用行内元素的span标签获取待滚动文字的内容和字体大小,并通过所述待滚动文字的内容和字体大小确定所述待滚动文字的宽度;
在所述可视窗口内创建一个用于包裹所述待滚动文字的div,将所述待滚动文字的宽度作为所述div的宽度,并设置所述div为绝对定位;
在所述可视窗口内滚动所述div;
每隔第一预设时间判断一次所述div是否从所述可视窗口内移出;
若是,将从所述可视窗口内移出的div移动到所述可视窗口的初始位置,并返回执行在所述可视窗口内滚动所述div的步骤;
或,在所述可视窗口内创建两个相同且均用于包裹所述待滚动文字的div,分别为第一div和第二div,在div滚动方向上所述第二div位于所述第一div的后面;
将所述待滚动文字的宽度分别作为所述第一div和所述第二div的宽度,并分别设置所述第一div和所述第二div均为绝对定位;
在所述可视窗口内滚动所述第一div;
每隔第二预设时间判断一次所述第一div是否从所述可视窗口内移出;
若是,在所述可视窗口内滚动所述第二div,并在所述第一div移动到所述可视窗口的初始位置时,返回执行在所述可视窗口内滚动所述第一div的步骤。
优选的,每隔第一预设时间判断一次所述div是否从所述可视窗口内移出,包括:
每隔第一预设时间判断一次所述div的左边缘的偏移是否小于负的所述待滚动文字的宽度。
优选的,每隔第一预设时间判断一次所述div是否从所述可视窗口内移出,包括:
每隔第一预设时间判断一次所述可视窗口的scrollleft的值是否不小于所述待滚动文字的宽度。
优选的,每隔第二预设时间判断一次所述第一div是否从所述可视窗口内移出,包括:
每隔第二预设时间判断一次所述第一div的左边缘的偏移是否小于负的所述待滚动文字的宽度。
优选的,每隔第二预设时间判断一次所述第一div是否从所述可视窗口内移出,包括:
每隔第二预设时间判断一次所述可视窗口的scrollleft的值是否不小于所述待滚动文字的宽度。
一种基于电视的文字滚动实现装置,包括:
第一确定模块,用于获取电视屏幕上呈现文字的元素,并将获取到的电视屏幕上呈现文字的元素作为可视窗口,设置所述可视窗口的属性值;
第二确定模块,用于利用行内元素的span标签获取待滚动文字的内容和字体大小,并通过所述待滚动文字的内容和字体大小确定所述待滚动文字的宽度;
第一创建模块,用于在所述可视窗口内创建一个用于包裹所述待滚动文字的div,将所述待滚动文字的宽度作为所述div的宽度,并设置所述div为绝对定位;
第一滚动模块,用于在所述可视窗口内滚动所述div;
第一判断模块,用于每隔第一预设时间判断一次所述div是否从所述可视窗口内移出,若是,执行第一移动模块;
所述第一移动模块,用于将从所述可视窗口内移出的div移动到所述可视窗口的初始位置,并返回执行所述第一滚动模块;
或,第二创建模块,用于在所述可视窗口内创建两个相同且均用于包裹所述待滚动文字的div,分别为第一div和第二div,在div滚动方向上所述第二div位于所述第一div的后面;
第三确定模块,用于将所述待滚动文字的宽度分别作为所述第一div和所述第二div的宽度,并分别设置所述第一div和所述第二div均为绝对定位;
第二滚动模块,用于在所述可视窗口内滚动所述第一div;
第二判断模块,用于每隔第二预设时间判断一次所述第一div是否从所述可视窗口内移出,若是,执行第二移动模块;
所述第二移动模块,用于在所述可视窗口内滚动所述第二div,并在所述第一div移动到所述可视窗口的初始位置时,返回执行所述第二滚动模块。
优选的,所述第一判断模块包括:
第一判断单元,用于每隔第一预设时间判断一次所述div的左边缘的偏移是否小于负的所述待滚动文字的宽度。
优选的,所述第一判断模块包括:
第二判断单元,用于每隔第一预设时间判断一次所述可视窗口的scrollleft的值是否不小于所述待滚动文字的宽度。
优选的,所述第二判断模块包括:
第三判断单元,用于每隔第二预设时间判断一次所述第一div的左边缘的偏移是否小于负的所述待滚动文字的宽度。
优选的,所述第二判断模块包括:
第四判断单元,用于每隔第二预设时间判断一次所述可视窗口的scrollleft的值是否不小于所述待滚动文字的宽度。
与现有技术相比,本申请的有益效果为:
在本申请中,通过获取电视屏幕上呈现文字的元素,并将获取到的电视屏幕上呈现文字的元素作为可视窗口,设置所述可视窗口的属性值;利用行内元素的span标签获取待滚动文字的内容和字体大小,并通过所述待滚动文字的内容和字体大小确定所述待滚动文字的宽度;在所述可视窗口内创建一个用于包裹所述待滚动文字的div,将所述待滚动文字的宽度作为所述div的宽度,并设置所述div为绝对定位;在所述可视窗口内滚动所述div;每隔第一预设时间判断一次所述div是否从所述可视窗口内移出;若是,将从所述可视窗口内移出的div移动到所述可视窗口的初始位置,并返回执行在所述可视窗口内滚动所述div的步骤;或,在所述可视窗口内创建两个相同且均用于包裹所述待滚动文字的div,分别为第一div和第二div,在div滚动方向上所述第二div位于所述第一div的后面;将所述待滚动文字的宽度分别作为所述第一div和所述第二div的宽度,并分别设置所述第一div和所述第二div均为绝对定位;在所述可视窗口内滚动所述第一div;每隔第二预设时间判断一次所述第一div是否从所述可视窗口内移出;若是,在所述可视窗口内滚动所述第二div,并在所述第一div移动到所述可视窗口的初始位置时,返回执行在所述可视窗口内滚动所述第一div的步骤,实现文字滚动。由于文字滚动实现方法采用的是符合W3C标准的HTML标签,如div、span,因此用于数字电视web开发的JavaScript能够更快的解析出HTML标签,加快文字滚动的显示速度,从而提高文字滚动的性能。
附图说明
为了更清楚地说明本申请实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1是本申请提供基于电视的文字滚动实现方法的一种流程图;
图2是本申请提供的基于电视的文字滚动实现方法的一种执行效果原理图;
图3是本申请提供的基于电视的文字滚动实现方法的一种流程图;
图4是本申请提供的基于电视的文字滚动实现装置的一种逻辑结构示意图;
图5是本申请提供的基于电视的文字滚动实现装置的另一种逻辑结构示意图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
实施例一
在本实施例中,提供了一种基于电视的文字滚动实现方法,请参见图1和图3。其中,图1示出的基于电视的文字滚动实现方法仅实现了文字的循环滚动,图3示出的基于电视的文字滚动实现方法实现了文字的无缝滚动且循环滚动。
请参见图1,其示出了本申请提供的基于电视的文字滚动实现方法的一种流程图,可以包括以下步骤:
步骤S11:获取电视屏幕上呈现文字的元素,并将获取到的电视屏幕上呈现文字的元素作为可视窗口,设置所述可视窗口的属性值。
在本实施例中,可视窗口的属性值至少可以包括:width、height和overflow:hidden。其中,width为宽度,height为高度,overflow:hidden为隐藏溢出。
在设置可视窗口的属性值后,能够保证文字在可视窗口内正常滚动。
步骤S12:利用行内元素的span标签获取待滚动文字的内容和字体大小,并通过所述待滚动文字的内容和字体大小确定所述待滚动文字的宽度。
在本实施例中,行内元素的span标签为HTML(超文本标记语言,HyperText MarkupLanguage)中的标签。
在本实施例中,结合代码对步骤S12的过程进行说明,具体如下:
方法的入参中含有文字内容和字体大小两个参数,进入方法后,利用js的动态创建dom的方法var span=document.createElement(“span”)创建一个span标签,把创建的span标签添加到body里,即document.body.appendChild(span),然后把文字内容和字体大小两个参数赋值给该标签,即span.innerHTML=text,span.style.fontSize=size+”px”,最后再根据span.offsetWidth即可确定滚动文字的宽度。确定滚动文字的宽度之后,还可以把原来创建的span从body中移除即document.body.removeChild(span)。
步骤S13:在所述可视窗口内创建一个用于包裹所述待滚动文字的div,将所述待滚动文字的宽度作为所述div的宽度,并设置所述div为绝对定位。
div也为HTML中的标签。
步骤S14:在所述可视窗口内滚动所述div。
步骤S15:每隔第一预设时间判断一次所述div是否从所述可视窗口内移出。
若是,执行步骤S16。
在本实施例中,每隔第一预设时间判断一次所述div是否从所述可视窗口内移出,具体可以包括:每隔第一预设时间判断一次所述div的左边缘的偏移是否小于负的所述待滚动文字的宽度。
若所述div的左边缘的偏移小于负的所述待滚动文字的宽度,则说明所述div从所述可视窗口内移出,执行步骤S16。
现举例对负的所述待滚动文字的宽度进行说明,如所述待滚动文字的宽度为500px,则负的所述待滚动文字的宽度即-500px。
当然,每隔第一预设时间判断一次所述div是否从所述可视窗口内移出,具体也可以包括:每隔第一预设时间判断一次所述可视窗口的scrollleft的值是否不小于所述待滚动文字的宽度。
若所述可视窗口的scrollleft的值不小于所述待滚动文字的宽度,说明所述div从所述可视窗口内移出,执行步骤S16。
其中,scrollleft为设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离。
步骤S16:将从所述可视窗口内移出的div移动到所述可视窗口的初始位置,并返回执行步骤S14。
图1示出的基于电视的文字滚动实现方法的执行效果原理图请参见图2。
请参见图3,其示出了本申请提供的基于电视的文字滚动实现方法的另一种流程图,可以包括以下步骤:
步骤S21:获取电视屏幕上呈现文字的元素,并将获取到的电视屏幕上呈现文字的元素作为可视窗口,设置所述可视窗口的属性值。
步骤S21与图1示出的步骤S11相同,在此不再赘述。
步骤S22:利用行内元素的span标签获取待滚动文字的内容和字体大小,并通过所述待滚动文字的内容和字体大小确定所述待滚动文字的宽度。
步骤S22与图1示出的步骤S12相同,在此不再赘述。
步骤S23:在所述可视窗口内创建两个相同且均用于包裹所述待滚动文字的div,分别为第一div和第二div,在div滚动方向上所述第二div位于所述第一div的后面。
步骤S24:将所述待滚动文字的宽度分别作为所述第一div和所述第二div的宽度,并分别设置所述第一div和所述第二div均为绝对定位。
步骤S25:在所述可视窗口内滚动所述第一div。
步骤S26:每隔第二预设时间判断一次所述第一div是否从所述可视窗口内移出。
若是,执行步骤S27。
在本实施例中,第二预设时间与上述第一预设时间可以相同,也可以不相同,第一预设时间和第二预设时间的设置具体需要依据各自方案中div和可视窗口的宽度而定。
在本实施例中,每隔第二预设时间判断一次所述第一div是否从所述可视窗口内移出,具体可以包括:每隔第二预设时间判断一次所述第一div的左边缘的偏移是否小于负的所述待滚动文字的宽度。
每隔第二预设时间判断一次所述第一div是否从所述可视窗口内移出,具体也可以包括:每隔第二预设时间判断一次所述可视窗口的scrollleft的值是否不小于所述待滚动文字的宽度。
步骤S27:在所述可视窗口内滚动所述第二div,并在所述第一div移动到所述可视窗口的初始位置时,返回执行步骤S25。
在本申请中,通过获取电视屏幕上呈现文字的元素,并将获取到的电视屏幕上呈现文字的元素作为可视窗口,设置所述可视窗口的属性值;利用行内元素的span标签获取待滚动文字的内容和字体大小,并通过所述待滚动文字的内容和字体大小确定所述待滚动文字的宽度;在所述可视窗口内创建一个用于包裹所述待滚动文字的div,将所述待滚动文字的宽度作为所述div的宽度,并设置所述div为绝对定位;在所述可视窗口内滚动所述div;每隔第一预设时间判断一次所述div是否从所述可视窗口内移出;若是,将从所述可视窗口内移出的div移动到所述可视窗口的初始位置,并返回执行在所述可视窗口内滚动所述div的步骤;或,在所述可视窗口内创建两个相同且均用于包裹所述待滚动文字的div,分别为第一div和第二div,在div滚动方向上所述第二div位于所述第一div的后面;将所述待滚动文字的宽度分别作为所述第一div和所述第二div的宽度,并分别设置所述第一div和所述第二div均为绝对定位;在所述可视窗口内滚动所述第一div;每隔第二预设时间判断一次所述第一div是否从所述可视窗口内移出;若是,在所述可视窗口内滚动所述第二div,并在所述第一div移动到所述可视窗口的初始位置时,返回执行在所述可视窗口内滚动所述第一div的步骤,实现文字滚动。由于文字滚动实现方法采用的是符合W3C标准的HTML标签,如div、span,因此用于数字电视web开发的JavaScript能够更快的解析出HTML标签,加快文字滚动的显示速度,从而提高文字滚动的性能。
进一步的,可以在基于电视的文字滚动实现方法中定义一些额外的方法,灵活性好。
实施例二
与上述方法实施例相对应,本实施例提供了一种基于电视的文字滚动实现装置,请参见图4和图5。
如图4所示,基于电视的文字滚动实现装置包括:第一确定模块11、第二确定模块12、第一创建模块13、第一滚动模块14、第一判断模块15和第一移动模块16。
第一确定模块11,用于获取电视屏幕上呈现文字的元素,并将获取到的电视屏幕上呈现文字的元素作为可视窗口,设置所述可视窗口的属性值。
第二确定模块12,用于利用行内元素的span标签获取待滚动文字的内容和字体大小,并通过所述待滚动文字的内容和字体大小确定所述待滚动文字的宽度。
第一创建模块13,用于在所述可视窗口内创建一个用于包裹所述待滚动文字的div,将所述待滚动文字的宽度作为所述div的宽度,并设置所述div为绝对定位。
第一滚动模块14,用于在所述可视窗口内滚动所述div。
第一判断模块15,用于每隔第一预设时间判断一次所述div是否从所述可视窗口内移出,若是,执行第一移动模块16。
在本实施例中,第一判断模块15具体可以包括:第一判断单元或第二判断单元。
第一判断单元,用于每隔第一预设时间判断一次所述div的左边缘的偏移是否小于负的所述待滚动文字的宽度。
第二判断单元,用于每隔第一预设时间判断一次所述可视窗口的scrollleft的值是否不小于所述待滚动文字的宽度。
所述第一移动模块16,用于将从所述可视窗口内移出的div移动到所述可视窗口的初始位置,并返回执行所述第一滚动模14块。
如图5所示,基于电视的文字滚动实现装置包括:第一确定模块11、第二确定模块12、第二创建模块17、第三确定模块18、第二滚动模块19、第二判断模块110和第二移动模块111。
第一确定模块11和第二确定模块12的具体功能请参见图1示出的第一确定模块11和第二确定模块12,在此不再赘述。
第二创建模块17,用于在所述可视窗口内创建两个相同且均用于包裹所述待滚动文字的div,分别为第一div和第二div,在div滚动方向上所述第二div位于所述第一div的后面。
第三确定模块18,用于将所述待滚动文字的宽度分别作为所述第一div和所述第二div的宽度,并分别设置所述第一div和所述第二div均为绝对定位。
第二滚动模块19,用于在所述可视窗口内滚动所述第一div。
第二判断模块110,用于每隔第二预设时间判断一次所述第一div是否从所述可视窗口内移出,若是,执行第二移动模块111。
在本实施例中,第二判断模块110具体可以包括:第三判断单元或第四判断单元。
第三判断单元,用于每隔第二预设时间判断一次所述第一div的左边缘的偏移是否小于负的所述待滚动文字的宽度。
第四判断单元,用于每隔第二预设时间判断一次所述可视窗口的scrollleft的值是否不小于所述待滚动文字的宽度。
所述第二移动模块111,用于在所述可视窗口内滚动所述第二div,并在所述第一div移动到所述可视窗口的初始位置时,返回执行所述第二滚动模块19。
需要说明的是,本说明书中的各个实施例均采用递进的方式描述,每个实施例重点说明的都是与其他实施例的不同之处,各个实施例之间相同相似的部分互相参见即可。对于装置类实施例而言,由于其与方法实施例基本相似,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
最后,还需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
为了描述的方便,描述以上装置时以功能分为各种单元分别描述。当然,在实施本申请时可以把各单元的功能在同一个或多个软件和/或硬件中实现。
通过以上的实施方式的描述可知,本领域的技术人员可以清楚地了解到本申请可借助软件加必需的通用硬件平台的方式来实现。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品可以存储在存储介质中,如ROM/RAM、磁碟、光盘等,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本申请各个实施例或者实施例的某些部分所述的方法。
以上对本申请所提供的一种基于电视的文字滚动实现方法及装置进行了详细介绍,本文中应用了具体个例对本申请的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本申请的方法及其核心思想;同时,对于本领域的一般技术人员,依据本申请的思想,在具体实施方式及应用范围上均会有改变之处,综上所述,本说明书内容不应理解为对本申请的限制。

Claims (10)

1.一种基于电视的文字滚动实现方法,其特征在于,包括:
获取电视屏幕上呈现文字的元素,并将获取到的电视屏幕上呈现文字的元素作为可视窗口,设置所述可视窗口的属性值;
利用行内元素的span标签获取待滚动文字的内容和字体大小,并通过所述待滚动文字的内容和字体大小确定所述待滚动文字的宽度;
在所述可视窗口内创建一个用于包裹所述待滚动文字的div,将所述待滚动文字的宽度作为所述div的宽度,并设置所述div为绝对定位;
在所述可视窗口内滚动所述div;
每隔第一预设时间判断一次所述div是否从所述可视窗口内移出;
若是,将从所述可视窗口内移出的div移动到所述可视窗口的初始位置,并返回执行在所述可视窗口内滚动所述div的步骤;
或,在所述可视窗口内创建两个相同且均用于包裹所述待滚动文字的div,分别为第一div和第二div,在div滚动方向上所述第二div位于所述第一div的后面;
将所述待滚动文字的宽度分别作为所述第一div和所述第二div的宽度,并分别设置所述第一div和所述第二div均为绝对定位;
在所述可视窗口内滚动所述第一div;
每隔第二预设时间判断一次所述第一div是否从所述可视窗口内移出;
若是,在所述可视窗口内滚动所述第二div,并在所述第一div移动到所述可视窗口的初始位置时,返回执行在所述可视窗口内滚动所述第一div的步骤。
2.根据权利要求1所述的方法,其特征在于,每隔第一预设时间判断一次所述div是否从所述可视窗口内移出,包括:
每隔第一预设时间判断一次所述div的左边缘的偏移是否小于负的所述待滚动文字的宽度。
3.根据权利要求1所述的方法,其特征在于,每隔第一预设时间判断一次所述div是否从所述可视窗口内移出,包括:
每隔第一预设时间判断一次所述可视窗口的scrollleft的值是否不小于所述待滚动文字的宽度。
4.根据权利要求1所述的方法,其特征在于,每隔第二预设时间判断一次所述第一div是否从所述可视窗口内移出,包括:
每隔第二预设时间判断一次所述第一div的左边缘的偏移是否小于负的所述待滚动文字的宽度。
5.根据权利要求1所述的方法,其特征在于,每隔第二预设时间判断一次所述第一div是否从所述可视窗口内移出,包括:
每隔第二预设时间判断一次所述可视窗口的scrollleft的值是否不小于所述待滚动文字的宽度。
6.一种基于电视的文字滚动实现装置,其特征在于,包括:
第一确定模块,用于获取电视屏幕上呈现文字的元素,并将获取到的电视屏幕上呈现文字的元素作为可视窗口,设置所述可视窗口的属性值;
第二确定模块,用于利用行内元素的span标签获取待滚动文字的内容和字体大小,并通过所述待滚动文字的内容和字体大小确定所述待滚动文字的宽度;
第一创建模块,用于在所述可视窗口内创建一个用于包裹所述待滚动文字的div,将所述待滚动文字的宽度作为所述div的宽度,并设置所述div为绝对定位;
第一滚动模块,用于在所述可视窗口内滚动所述div;
第一判断模块,用于每隔第一预设时间判断一次所述div是否从所述可视窗口内移出,若是,执行第一移动模块;
所述第一移动模块,用于将从所述可视窗口内移出的div移动到所述可视窗口的初始位置,并返回执行所述第一滚动模块;
或,第二创建模块,用于在所述可视窗口内创建两个相同且均用于包裹所述待滚动文字的div,分别为第一div和第二div,在div滚动方向上所述第二div位于所述第一div的后面;
第三确定模块,用于将所述待滚动文字的宽度分别作为所述第一div和所述第二div的宽度,并分别设置所述第一div和所述第二div均为绝对定位;
第二滚动模块,用于在所述可视窗口内滚动所述第一div;
第二判断模块,用于每隔第二预设时间判断一次所述第一div是否从所述可视窗口内移出,若是,执行第二移动模块;
所述第二移动模块,用于在所述可视窗口内滚动所述第二div,并在所述第一div移动到所述可视窗口的初始位置时,返回执行所述第二滚动模块。
7.根据权利要求6所述的装置,其特征在于,所述第一判断模块包括:
第一判断单元,用于每隔第一预设时间判断一次所述div的左边缘的偏移是否小于负的所述待滚动文字的宽度。
8.根据权利要求6所述的装置,其特征在于,所述第一判断模块包括:
第二判断单元,用于每隔第一预设时间判断一次所述可视窗口的scrollleft的值是否不小于所述待滚动文字的宽度。
9.根据权利要求6所述的装置,其特征在于,所述第二判断模块包括:
第三判断单元,用于每隔第二预设时间判断一次所述第一div的左边缘的偏移是否小于负的所述待滚动文字的宽度。
10.根据权利要求6所述的装置,其特征在于,所述第二判断模块包括:
第四判断单元,用于每隔第二预设时间判断一次所述可视窗口的scrollleft的值是否不小于所述待滚动文字的宽度。
CN201710293614.7A 2017-04-28 2017-04-28 一种基于电视的文字滚动实现方法及装置 Active CN106993232B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201710293614.7A CN106993232B (zh) 2017-04-28 2017-04-28 一种基于电视的文字滚动实现方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201710293614.7A CN106993232B (zh) 2017-04-28 2017-04-28 一种基于电视的文字滚动实现方法及装置

Publications (2)

Publication Number Publication Date
CN106993232A true CN106993232A (zh) 2017-07-28
CN106993232B CN106993232B (zh) 2019-07-02

Family

ID=59417575

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201710293614.7A Active CN106993232B (zh) 2017-04-28 2017-04-28 一种基于电视的文字滚动实现方法及装置

Country Status (1)

Country Link
CN (1) CN106993232B (zh)

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108052589A (zh) * 2017-12-11 2018-05-18 福建中金在线信息科技有限公司 一种图文展示的方法、装置及存储介质
CN108733446A (zh) * 2018-05-23 2018-11-02 深圳市茁壮网络股份有限公司 一种文字信息的展示方法及装置
CN108804176A (zh) * 2018-05-23 2018-11-13 深圳市茁壮网络股份有限公司 一种文字信息的展示方法及装置
CN113645493A (zh) * 2020-04-24 2021-11-12 深圳市中兴系统集成技术有限公司 一种文字垂直滚动的显示方法

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101819594A (zh) * 2010-04-23 2010-09-01 四川长虹电器股份有限公司 嵌入式浏览器中实现跑马灯效果的方法
JP5870839B2 (ja) * 2012-05-14 2016-03-01 富士ゼロックス株式会社 情報処理装置及び情報処理プログラム
CN106095374A (zh) * 2016-06-23 2016-11-09 Tcl集团股份有限公司 一种文字大小自适应各国语言显示的方法及系统
CN106407276A (zh) * 2016-08-26 2017-02-15 广州神马移动信息科技有限公司 文字直播内容的显示方法及装置

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101819594A (zh) * 2010-04-23 2010-09-01 四川长虹电器股份有限公司 嵌入式浏览器中实现跑马灯效果的方法
JP5870839B2 (ja) * 2012-05-14 2016-03-01 富士ゼロックス株式会社 情報処理装置及び情報処理プログラム
CN106095374A (zh) * 2016-06-23 2016-11-09 Tcl集团股份有限公司 一种文字大小自适应各国语言显示的方法及系统
CN106407276A (zh) * 2016-08-26 2017-02-15 广州神马移动信息科技有限公司 文字直播内容的显示方法及装置

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108052589A (zh) * 2017-12-11 2018-05-18 福建中金在线信息科技有限公司 一种图文展示的方法、装置及存储介质
CN108733446A (zh) * 2018-05-23 2018-11-02 深圳市茁壮网络股份有限公司 一种文字信息的展示方法及装置
CN108804176A (zh) * 2018-05-23 2018-11-13 深圳市茁壮网络股份有限公司 一种文字信息的展示方法及装置
CN113645493A (zh) * 2020-04-24 2021-11-12 深圳市中兴系统集成技术有限公司 一种文字垂直滚动的显示方法

Also Published As

Publication number Publication date
CN106993232B (zh) 2019-07-02

Similar Documents

Publication Publication Date Title
CN102663126B (zh) 一种在移动终端中显示网页的方法及装置
US11030392B2 (en) Optimization for rendering web pages
CN106993232A (zh) 一种基于电视的文字滚动实现方法及装置
CN102779167B (zh) 在移动终端中显示网页的方法及系统
US8880995B2 (en) Method and system for localized scrolling table display in a webpage
US7900137B2 (en) Presenting HTML content on a screen terminal display
US10339209B2 (en) Webpage display method and device
US20140215314A9 (en) Method for rearranging web page
CN109408752B (zh) 在线文档展示方法、装置以及电子设备
US20070174291A1 (en) Dynamic optimization of available display space
WO2017161743A1 (zh) 网页显示方法及装置
WO2015196822A1 (zh) 一种网页适应屏幕排版方法及装置
CN102200971A (zh) 一种实现网页内容预览的方法和设备
CN104657499A (zh) 一种客户端app的网页加载方法及装置
CN101882432A (zh) 一种焦点元素显示方法、装置及数字电视接收终端
CN105335410B (zh) 一种基于合成渲染加速的网页更新方法和装置
CN101587490A (zh) 一种网页重排版处理方法和代理服务器
CN104217037A (zh) 一种在移动终端中显示网页的方法及装置
CN107967344B (zh) 网页动画效果的实现方法、系统、设备及存储介质
CN104765539A (zh) 一种消息显示方法及装置
WO2014032545A1 (en) Webpage display method and apparatus
US20190079908A1 (en) Method, device, client apparatus, and electronic device for presenting webpages
US9773182B1 (en) Document data classification using a noise-to-content ratio
CN105589883B (zh) 网页的页面元素的显示方法和装置
WO2005038673A1 (en) Presenting html content on a screen terminal display

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
GR01 Patent grant
GR01 Patent grant