JavaScript之一个简单的loading效果
2011-04-03 09:08
190 查看
一个简单的loading效果,用四个符号(-、\、|、/) 来模拟一个不断旋转的小东东,以提示用户当前正在载入中,ArcLive 上为玩家建立连线时便是这样显示的,呵呵。效果如下:
载入中...
为了避免可能出现的阻塞浏览器线程的情况,这里用setTimeout 代替了setInterval。
// function easy_loading(id) { var symbol = ['-', '\\', '|', '/'], elem = document.getElementById(id), i = 0; (function __func() { elem.innerHTML = symbol[i++ % 4]; setTimeout(__func, 200); })(); } easy_loading('loadin');
// ]]>
载入中...
function easy_loading(id) { var symbol = ['-', '\\', '|', '/'], elem = document.getElementById(id), i = 0; (function __func() { elem.innerHTML = symbol[i++ % 4]; setTimeout(__func, 200); })(); } easy_loading('loadin');
为了避免可能出现的阻塞浏览器线程的情况,这里用setTimeout 代替了setInterval。
// function easy_loading(id) { var symbol = ['-', '\\', '|', '/'], elem = document.getElementById(id), i = 0; (function __func() { elem.innerHTML = symbol[i++ % 4]; setTimeout(__func, 200); })(); } easy_loading('loadin');
// ]]>
相关文章推荐
- Javascript实现的一个简单的弹幕效果-优化版
- 一个简单的javascript图片放大效果代码
- Javascript实现的一个简单的弹幕效果-入门版
- 一个简单的javascript图片放大效果代码
- Javascript实现一个简单的输入关键字添加标签效果实例
- 简单的做了一个评分控件,其实还算不上控件,只是用javascript做了一个效果,可以直接放在你的程序中使用。
- 简单的一个用javascript做的'省市区'三级联动效果
- 原生javascript实现的一个简单动画效果
- (PHP+HTML+JavaScript+Css)一个简单爬虫的开发
- 一个简单的瀑布流效果(主体形式自写)
- 用JavaScript生成Loading效果
- 一个简单的用javascript实现的页面内容过滤显示小程序源码
- 由一个div创造出的loading效果
- 使用javascript实现简单的选项卡切换效果
- 简单实现JavaScript弹幕效果
- 用25行JavaScript语句实现一个简单的编译器
- 一个简单好用的LoadingDialog
- 一个新人对于JavaScript简单应用的理解
- 一个符合w3c标准的可以代替marquee标签实现翻滚效果的javascript 脚本
- 一个简单的例子,实现UILabel阴影效果