3000 );} // 书写显示广告图片的函数 function showAd(){ // 获取广告图片的位置 var
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、主页面代码：
<!DOCTYPE html> <html> <head> <meta charset=http://www.mamicode.com/"UTF-8"> <title>按时弹出图片</title> <script type=http://www.mamicode.com/"text/javascript" src=http://www.mamicode.com/"js/js.js" ></script> </head> <body onload=http://www.mamicode.com/"init()"> <div id=http://www.mamicode.com/"father"> <img src=http://www.mamicode.com/"../img/1.jpg" width=http://www.mamicode.com/"100%" style=http://www.mamicode.com/"display: none" id=http://www.mamicode.com/"img"/> </div> </body> </html>
3、效果展示：
（1）刚开始没有图片，显示为空白：
（2）三秒后图片呈现：
（3）又过了三秒，图片消掉：
JS——按时弹出图片
，温馨提示: 本文由Jm博客推荐，转载请保留链接: https://www.jmwww.net/file/web/31218.html
![[转]Node.js中package.json中^和~的区别](/uploads/allimg/200519/054J34453_lit.png "[转]Node.js中package.json中^和~的区别")