本文实例讲述了JS实现在状态栏显示打字效果。分享给大家供大家参考，具体如下：
这里演示JS实现带有打字特效的状态栏，在状态栏显示打字效果的文字，注意，此效果存在浏览器兼容性问题，在IE7或更高的浏览器下貌似不显示效果。
运行效果截图如下：
在线演示地址如下：
http://demo.VeVB.COm/js/2015/js-status-bar-show-txt-print-demo/
具体代码如下：
<html><head><script language="JavaScript">//以下几条可以根据需要改变var msg = "欢迎光临，请多多提出你的建议!!! " ;//需要显示的内容var interval = 120 //显示每个字的时间间隔(毫秒)//以下内容不需更改var seq=0;function typetext() {len = msg.length;//取得信息的总长度window.status = msg.substring(0, seq+1);//取得需显示的部分seq++; //将长度加一(为下一次显示做准备)if ( seq >= len ) { //如果已经内容全部显示出来seq = 0; //则恢复初始状态，准备再次显示window.status = '';window.setTimeout("typetext();", interval );//设定下一次显示的间隔}else //如果信息还没有显示完整window.setTimeout("typetext();", interval ); //则设定下一次显示的时间间隔} typetext(); //当页面装入的时候开始第一次显示</script><title>在状态栏显示打字效果</title></head><body><b>请注意页面左下角的状态栏</b></body></html>希望本文所述对大家JavaScript程序设计有所帮助。
新闻热点
疑难解答
