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);
    }
    轮播图
  • 相关阅读:
    通用sqlserver分页存储过程
    JSONP解决跨域请求
    laravle框架
    XML作用
    mysql 中的常用查询
    smarty模板技术
    Cookie和Session 会话技术
    正则表达式
    Mongodb常用知识点
    PHP之PDO
  • 原文地址:https://www.cnblogs.com/cp123/p/8705749.html
Copyright © 2011-2022 走看看