js 延迟_iframe实现延迟加载「建议收藏」

js 延迟_iframe实现延迟加载「建议收藏」setInterval()方法可按照指定的周期(以毫秒计)来调用函数或计算表达式

js

setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。

setInterval() 方法会不停地调用函数,直到 window.clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作window.clearInterval() 方法的参数。


例子一:在内部终止

var i = 0;

var interval = self.setInterval(function(){
    if( i<10 ){
        alert(i);
    }else{
        window.clearInterval(interval);
    }
    i++;
},1000);

功能:以上方法每隔一秒输出从数字0到9的弹框。

终止:用变量 i 的大小作为条件,if判断符合条件则调用window.clearInterval()来终止setInterval()函数的循环。

因为第一次肯定会走,所以 setInterval() 会产生返回值 interval,在第十次的时候即可以使用 interval 作为window.clearInterval()的参数来终止循环。

例子二:在外部终止

var dots_num = 0;//loading省略号数目

function loading(lastInterval,loadText){
        
    $('#loading').text(loadText);
    if(lastInterval){
        window.clearInterval(lastInterval);
        dots_num = 0;
    }
    
    var interval = self.setInterval(function(){
        switch(dots_num%7){
        case 0:
            $('#loading').text(text+'.');
        break;
        case 1:
            $('#loading').text(text+'..');
        break;
        case 2:
            $('#loading').text(text+'...');
        break;
        case 3:
            $('#loading').text(text+'....');
        break;
        case 4:
            $('#loading').text(text+'.....');
        break;
        case 5:
            $('#loading').text(text+'......');
        break;
        case 6:
            $('#loading').text(text+'');
        break;
        }
        dots_num++;
    },500);
    return interval;
}
    
var interval = loading(null,'正在下载,请稍候');

if(xxxx){//load is over
    window.clearInterval(interval);
}


功能:以上方法实现每隔半秒钟文字后省略号的个数从0递增到6的周期性变化(达到6再从0开始递增),可以呈现动态loading的效果。

终止:在外部以条件判断作为终止。

今天的文章js 延迟_iframe实现延迟加载「建议收藏」分享到此就结束了,感谢您的阅读。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:http://bianchenghao.cn/70896.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注