用四个符号(-、\、|、/) 来模拟不断旋转
2024-07-26 03:16:03 211人阅读
一个简单的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个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。
