BYQ轮播图的小练习

<!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>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值