本文讲述了一个JS在状态栏显示打字效果的例子。分享给大家参考,如下:
这里演示JS实现具有打字效果的状态栏,在状态栏中显示具有打字效果的文本。请注意,这种效果存在浏览器兼容性问题,在IE7或更高版本的浏览器下似乎不会显示。
运行效果截图如下:
在线演示地址如下:
http://demo . JB 51 . net/js/2015/js-状态栏-show-txt-print-demo/
具体代码如下:
Htmlheadscript语言=' JavaScript '//可以根据需要更改以下项目。var msg='欢迎,请给出你的建议! ';//要显示的内容var interval=120 //显示每个单词的时间间隔(毫秒)//以下内容无需更改var seq=0;function type text(){ len=msg . length;//获取信息窗口的总长度,status=msg.substring (0,seq 1);//获取seq要显示的部分;//如果(seq=len) {//如果所有内容都已显示,则seq=0,则在长度上加一(为下一次显示做准备);//恢复初始状态,准备再次显示window.status=window . settimeout(' type text();',间隔);//设置下一个显示间隔}else //如果信息没有完全显示,window . settimeout(' type text();'。间隔);//设置下次显示的时间间隔} type text();//页面加载后,会首次显示。/scripttitle在状态栏中显示键入效果。/title/headbody请注意页面左下角的状态栏。/body/html希望本文对JavaScript编程有所帮助。