用JS控制iframe里的页面,做到3秒自动换

By柏小白

用JS控制iframe里的页面,做到3秒自动换

<iframe id="ifr" src="http://www.qietu.cn/?xxx";></iframe>

假定iframe的id为ifr

下面是js程序

var times = 10;  //循环次数
var iframe = document.getElementById('ifr');   //获取iframe元素
//设置定时执行
var t = setInterval(function(){
     if(times--<=0)  clearInterval(t);
     changeFrameSrc(iframe);
},3000);   //3000毫秒
//改变iframe的src属性的函数
function changeFrameSrc(f){
    var src = 'http://www.qietu.cn/?'+rand(100,999);  //生成地址
    f.src = src;
}
//随机函数
function rand(min,max){
    return parseInt(Math.random()*(max-min+1)+min);
}

AJAX:

$(document).ready(function(){
    $.ajax({
        type: "GET",
        url:'XXX'+Math.random(),
        dataType: 'jsonp',
        jsonp:'callback',
        success:function(num){
            var iframe1 = document.getElementById('ifr1');
            var iframe2 = document.getElementById('ifr2');
            if (num.stime==1)
            {
                changeFrameSrc(iframe1,num.surl1);
                changeFrameSrc(iframe2,num.surl2);
            } 
        }
    });
    function changeFrameSrc(f,s){
        var src = s;
        f.src = src;
    }
});

 

About the author

柏小白 administrator