编程 Javascript

javascript实现状态栏文字首尾相接循环滚动的方法

Posted in Javascript onJuly 22, 2015

本文实例讲述了javascript实现状态栏文字首尾相接循环滚动的方法。分享给大家供大家参考。具体实现方法如下：

<html>
<head>
<title>中国风</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="JavaScript">
<!--hide
var message="^_^欢迎光临本站!";
var position = 0;
var sta="";
var x=2*(60/message.length);
for(i=0;i<x;i++){
  sta+=message;
}
function statusScroll(){
  window.status=sta.substring(position,position+60);
  if(position++==60)
    position=0;
}
--hide-->
</script>
</head>
<body>
<script language="JavaScript">
setInterval("statusScroll()",150);
// 使用setInterval()按时间间隔调用函数
</script>
</body>
</html>

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

- Author -

中国风2012

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

js中substring和substr的定义和用法

May 05 Javascript

js实现键盘操作实现div的移动或改变的原理及代码

Jun 23 Javascript

一个字符串反转函数可实现字符串倒序

Sep 15 Javascript

Backbone.js的Hello World程序实例

Jun 19 Javascript

javascript实现选中复选框后相关输入框变灰不可用的方法

Aug 11 Javascript

JS简单设置下拉选择框默认值的方法

Aug 20 Javascript

解决canvas画布使用fillRect()时高度出现双倍效果的问题

Aug 03 Javascript

使用classList来实现两个按钮样式的切换方法

Jan 24 Javascript

改变layer confirm弹窗按钮的颜色方法

Sep 12 Javascript

vue学习笔记之过滤器的基本使用方法实例分析

Feb 01 Javascript

vue 自定指令生成uuid滚动监听达到tab表格吸顶效果的代码

Sep 16 Javascript

小程序实现列表倒计时功能

Jan 29 Javascript

HTML5实现留言和回复页面样式

Jul 22 #Javascript

javascript控制层显示或隐藏的方法

Jul 22 #Javascript

javascript实现简单查找与替换的方法

Jul 22 #Javascript

javascript数组随机排序实例分析

Jul 22 #Javascript

JavaScript对数组进行随机重排的方法

Jul 22 #Javascript

JavaScript检测上传文件大小的方法

Jul 22 #Javascript

JavaScript动态改变div属性的实现方法

Jul 22 #Javascript