<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <input type="button" id="niu" value="打开窗口"> <input type="button" id="offniu" value="关闭窗口"> <br> <img src="banner_1.jpg" id="pic" width="100%"> <script> /* * window 窗口对象 * 1.创建 * 2.方法 * 有弹出框类的方法 window.alert("hello world"); * confirm() 确认取消 点确定 返回true 取消返回false * prompt() 提示可输入的 * 与打开 关闭有关的方法 * open() 打开新窗口 * close() 关闭一个窗口 谁调用我 我关谁 * 与定时器有关的方法 * setTimeout 在指定毫秒后调用函数 返回唯一标识 用于取消 * clearTimeout() 取消这个定时器 * setInterval() 循环调用 * clearsetInterval() 取消循环调用 * 3.属性 * 4.特点 * 不需要创建 直接使用 window.XXXXXXX调用方法 * 可以省略引用 直接 方法名(); * * * * * * * * */ // window.alert("hello world"); // confirm("要退出WTO么"); var nw ; var openbtn = document.getElementById("niu"); openbtn.οnclick=function () { nw=open("https://www.baidu.com/"); } var closebtn = document.getElementById("offniu"); closebtn.οnclick=function () { nw.close();//返回一个新window对象 } function boom () { alert("boom"); } //setInterval(boom,5000); var pic = document.getElementById("pic"); var picmark = "banner_"; var num = 1; function setpic() { if (num>3){ num = 1; } pic.src=picmark+num+".jpg" num++; } setInterval(setpic,500); </script> </body> </html>
BYQ轮播图的小练习
最新推荐文章于 2023-02-13 16:13:37 发布