建站学 - 轻松建站从此开始!

建站学-个人建站指南,网页制作,网站设计,网站制作教程

JavaScript实现的的loading效果

时间:2011-04-03 14:39来源: 作者: 点击:
JavaScript实现的一个简单的loading效果,用四个符号(-、、|、/) 来模拟一个不断旋转的载入动画,以提示用户当前正在载入中,具体代码如下: function easy_loading(id) {    var symbol= ['-','\','|','/'],      &nbs

JavaScript实现的一个简单的loading效果,用四个符号(-、\、|、/) 来模拟一个不断旋转的载入动画,以提示用户当前正在载入中,具体代码如下:

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。

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片