编程 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 相关文章推荐

基于jQuery的公告无限循环滚动实现代码

May 11 Javascript

Jquery中offset()和position()的区别分析

Feb 05 Javascript

jQuery实现加入购物车飞入动画效果

Mar 14 Javascript

JavaScript中计算网页中某个元素的位置

Jun 10 Javascript

sencha ext js 6 快速入门(必看)

Jun 01 Javascript

JS实现页面进入和返回定位到具体位置

Dec 08 Javascript

vue2.0设置proxyTable使用axios进行跨域请求的方法

Oct 19 Javascript

JS计算输出100元钱买100只鸡问题的解决方法

Jan 04 Javascript

Vue 组件（component）教程之实现精美的日历方法示例

Jan 08 Javascript

angularjs 页面自适应高度的方法

Jan 17 Javascript

浅析Vue 中的 render 函数

Feb 28 Javascript

vue实现div单选多选功能

Jul 16 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

You might like

WordPress中用于更新伪静态规则的PHP代码实例讲解

2015/12/18 PHP

Zend Framework处理Json数据方法详解

2016/12/09 PHP

JS 建立对象的方法

2007/04/21 Javascript

JavaScript中的事件处理

2008/01/16 Javascript

jquery 全局AJAX事件使用代码

2010/11/05 Javascript

探索Emberjs制作一个简单的Todo应用

2012/11/07 Javascript

基于IE下ul li 互相嵌套时的bug,排查,解决过程以及心得介绍

2013/05/07 Javascript

jquery中event对象属性与方法小结

2013/12/18 Javascript

javascript实现瀑布流自适应遇到的问题及解决方案

2015/01/28 Javascript

jquery实现弹出层效果实例

2015/05/19 Javascript

Jquery简单分页实现方法

2015/07/24 Javascript

轮播的简单实现方法

2016/07/28 Javascript

javascript中异常处理案例(推荐)

2016/10/03 Javascript

require、backbone等重构手机图片查看器

2016/11/17 Javascript

原生js实现无缝轮播图效果

2017/01/11 Javascript

AngularJS使用ocLazyLoad实现js延迟加载

2017/07/05 Javascript

详解利用 Vue.js 实现前后端分离的RBAC角色权限管理

2017/09/15 Javascript

layui实现数据表格自定义数据项

2019/10/26 Javascript

使用zrender.js绘制体温单效果

2019/10/31 Javascript

vue学习笔记之slot插槽用法实例分析

2020/02/29 Javascript

2020京东618叠蛋糕js脚本(亲测好用)

2020/06/02 Javascript

[08:54]《一刀刀一天》之DOTA全时刻18：十九支奔赴西雅图队伍全部出炉

2014/06/04 DOTA

wxpython 学习笔记第一天

2009/03/16 Python

Python中的文件和目录操作实现代码

2011/03/13 Python

python文件比较示例分享

2014/01/10 Python

python压缩文件夹内所有文件为zip文件的方法

2015/06/20 Python

django中的HTML控件及参数传递方法

2018/03/20 Python

Flask框架通过Flask_login实现用户登录功能示例

2018/07/17 Python

Python操作Sonqube API获取检测结果并打印过程解析

2019/11/27 Python

Python 之 Json序列化嵌套类方式

2020/02/27 Python

python设置中文界面实例方法

2020/10/27 Python

如何通过安装HomeBrew来安装Python3

2020/12/23 Python

CSS3的一个简单导航栏实现

2015/08/03 HTML / CSS

解决HTML5中的audio在手机端和微信端的不能自动播放问题

2019/11/04 HTML / CSS

2016简历自荐信优秀范文

2016/01/29 职场文书

解析python中的jsonpath 提取器

2022/01/18 Python