JS——定时弹出图片

2021-04-26 14:28

阅读:722

YPE html>

标签:load   ext   owa   alt   function   元素   ini   java   显示图片   

1、js代码:

function init(){
    time = setInterval("showAd()",3000);
}
//书写显示广告图片的函数
function showAd(){
    //获取广告图片的位置
    var adEle = document.getElementById("img");
    //修改广告图片元素里面的属性让其显示
    adEle.style.display = "block";
    //清除显示图片的定时操作
    clearInterval(time);
    //设置隐藏图片的定时操作
    time = setInterval("hiddenAd()",3000);
}

//书写隐藏广告图片的函数
function hiddenAd(){
    //获取广告图片并设置其style属性的display值为none
    document.getElementById("img").style.display= "none";
    //清除隐藏广告图片的定时操作
        clearInterval(time);
}

2、主页面代码:

"UTF-8">
        定时弹出图片"init()">
        
"father"> "../img/1.jpg" width="100%" style="display: none" id="img"/>

3、效果展示:

(1)刚开始没有图片,显示为空白:

技术图片

 

(2)三秒后图片出现:

技术图片

(3)又过了三秒,图片消失:

技术图片

JS——定时弹出图片

标签:load   ext   owa   alt   function   元素   ini   java   显示图片   

原文地址:https://www.cnblogs.com/zhai1997/p/12221255.html


评论


亲,登录后才可以留言!