主页 / 网络编程 /

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

网络编程 2021-07-04 21:03www.168986.cn编程入门
这篇文章主要介绍了javascript实现状态栏中文字动态显示的方法,涉及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 + 1dir;
 //如果空格数大于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 + "wele to study";
 }
</script>
<body onunload="closeChild()">
</body>

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

上一篇：js点击文本框后才加载验证码实例代码 下一篇：基于jQuery实现的扇形定时器附源码下载

编程语言

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by