zoukankan      html  css  js  c++  java
  • 轮播图与定时器

    定时器:

        定时器(执行的动作,时间(毫秒));

        定时器是有返回值 : 定时器对象

        定时器对象是可以被清除的

    var inter=setinterval(function(){},1000);//间隔执行

    var inter=setTimeout(function(){},1000);//延迟执行

    //建立要循环图片的数组
    var aa=["../img/tu1.png","../img/tu2.png","../img/tu3.png","../img/tu4.png"]
    //页面加载完成,自动执行操作
    window.onload = function(){
    //    找到第一张图片,并赋值
        var bb= document.getElementsByTagName("img")[0];
        var num=0;
    //    间隔3秒执行一次循环
        setInterval(function(){
    //        判断,当num大于等于图片数组长度时
            if(num>=4){
    //            怎Num变成0,重新加载
                num=0;
            }
    //        给bb更换数组里的图片
            bb.setAttribute("src",aa[num]);
    //        每次+1
            num++;
    //        延迟三秒执行一次
        },3000);
    }
    轮播图
  • 相关阅读:
    Maven配置始终获取最新版本
    使用SpringBoot
    SpringBoot文档综述
    35_方法的使用
    34_结构体指针类型的使用
    33_同名字段的使用
    32_匿名字段的使用
    31_结构体的使用
    30_map的使用
    29_猜字游戏
  • 原文地址:https://www.cnblogs.com/cp123/p/8705749.html
Copyright © 2011-2022 走看看