用四个符号(-、\、|、/) 来模拟不断旋转
2024-07-26 03:16:03 220人阅读
一个简单的loading效果,用四个符号(-、\、|、/) 来模拟一个不断旋转的小东东,以提示用户当前正在载入中,ArcLive 上为玩家建立连线时便是这样显示的,呵呵。效果如下:
载入中... \
JavaScript Code:
01 | <script type= "text/javascript" > |
03 | function easy_loading(id) |
05 | var symbol = [ ‘-‘ , ‘\\‘ , ‘|‘ , ‘/‘ ], |
06 | elem = document.getElementById(id), |
09 | elem.innerHTML = symbol[i++ % 4]; |
10 | setTimeout(__func, 200); |
13 | easy_loading( ‘loadin‘ ); |
为了避免可能出现的阻塞浏览器线程的情况,这里用setTimeout 代替了setInterval。
让人想起了DOS下QBasic和FoxBase那种远去的亲切吧 :)大都会娱乐城
setTimeout()的使用方法
setTimeout (表达式,延时时间)、setTimeout(表达式,交互时间),延时时间/交互时间是以豪秒为单位的(1000ms=1s)。
setTimeout 在执行时,是在载入后延迟指定时间后,去执行一次表达式,仅执行一次。setTimeout 在执行时,它从载入后,每隔指定的时间就执行一次表达式。
下面是基本用法。
执行一段代码:
2 | setTimeout( "i+=1;alert(i)" ,1000); |
执行一个函数:
2 | setTimeout( function (){i+=1;alert(i);},1000); |
下面再来一个执行函数的:
6 | setTimeout( "test()" ,1000); |
setTimeout的原型是这样的:iTimerID = window.setTimeout(vCode, iMilliSeconds [, sLanguage])
用setTimeout实现setInterval的功能
思路很简单,就是在一个函数中调用不停执行自己,有点像递归。
4 | if (i>10){alert(i); return ;} |
5 | setTimeout( "xilou()" ,1000); |
用四个符号(-、\、|、/) 来模拟不断旋转
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉:
投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。