首页 理论教育 JavaScript网页编程:状态栏不间断文字滚动

JavaScript网页编程:状态栏不间断文字滚动

时间:2023-10-18 理论教育 版权反馈
【摘要】:完成本任务所用到的主要知识点:window对象的status属性window对象的setTimeout()方法编写JavaScript脚本代码实现状态栏无间断文字滚动特效,如图上机4.6所示。scrollStatus函数用于实现字符串运算的功能,并将statusText内容显示在状态栏。图上机4.7状态栏无间断文字滚动特效将变量index的值修改为10,再次运行页面,如图上机4.8所示。图上机4.8状态栏无间断文字滚动特效已经证明函数内部关于字符串截取的运算逻辑是正确的。

JavaScript网页编程:状态栏不间断文字滚动

完成本任务所用到的主要知识点:

➢window对象的status属性

➢window对象的setTimeout()方法

编写JavaScript脚本代码实现状态栏无间断文字滚动特效,如图上机4.6所示。

图上机4.6 状态栏无间断文字滚动特效

window对象的status属性可设置浏览器窗口的状态栏文字;string对象的substr()和substring()方法可实现字符串的截取;window对象的setTimout()方法可延时执行一段代码或函数。

(1)创建一个网页文件,命名为2.html,编写网页基本结构代码。

(2)在脚本块声明两个变量,定义一个函数,并调用这个函数。statusChars存放我们要显示的文字,index存放某个时刻从statusChars字符串截取时的索引位置。scrollStatus函数用于实现字符串运算的功能,并将statusText内容显示在状态栏。(www.xing528.com)

(3)编写scrollStatus函数的代码。

(4)运行页面,如图上机4.7所示。

图上机4.7 状态栏无间断文字滚动特效

(5)将变量index的值修改为10,再次运行页面,如图上机4.8所示。

图上机4.8 状态栏无间断文字滚动特效

(6)已经证明函数内部关于字符串截取的运算逻辑是正确的。最后一步是要让scrollStatus()函数执行完一次后等一会儿再执行一次。只需在函数即将结束的地方使用setTimeout()去调用这个函数自身,代码为window.setTimeout("scrollStatus();",200);

(7)再次运行网页,测试功能是否正确实现。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈