欢迎来到代码驿站!

JavaScript代码

当前位置:首页 > 网页前端 > JavaScript代码

javascript实现状态栏中文字动态显示的方法

时间:2021-01-13 09:57:08|栏目:JavaScript代码|点击:

本文实例讲述了javascript实现状态栏中文字动态显示的方法。分享给大家供大家参考,具体如下:

<script>
 var child = window.open("information.html","_blank","width=200,height=200,toolbar=no");
 function closeChild(){
 if(!child.closed){
  child.close();
 }
 }
 //设置间隔1秒钟,调用一次scroll()
 setInterval("scroll()",100)
 var space_num = 0;
 var dir = 1; //文本开始从左向右移动
 function scroll(){
 var str_space = "";
 space_num = space_num + 1*dir;
 //如果空格数大于40 或者 小于0时
 if(space_num > 40 || space_num <= 0){
  dir = dir * (-1);
 }
 //空格数自增
 for(var i=0; i<space_num; i++){
  str_space += " ";
 }
 //在文字前空格数变换
 window.status = str_space + "welcome to study";
 }
</script>
<body onunload="closeChild()">
</body>

希望本文所述对大家JavaScript程序设计有所帮助。

上一篇:使用原生javascript创建通用表单验证――更锋利的使用dom对象

栏    目:JavaScript代码

下一篇:js实现幻灯片效果(基于jquery插件)

本文标题:javascript实现状态栏中文字动态显示的方法

本文地址:http://www.codeinn.net/misctech/44588.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有