首页 > 其他分享 >BOM_window定时器方法和案例2_轮播图

BOM_window定时器方法和案例2_轮播图

时间:2022-11-23 20:13:20浏览次数:68  
标签:定时器 轮播 img number window BOM fun setTimeout id

BOM_window定时器方法:

与定时器有关的方式:

setTimeout():在指定的毫秒数后调用函数或计算表达式。

参数:

1.js代码或者方法对象

2.毫秒值

返回值:唯一标识,用于取消定时器

clearTimeout():取消由setTimeout()方法设置的timeout。

setInterval()按照指定的周期(以毫秒计)来调用函数或计算表达式。

clearInterval()取消由setInterval()设置的timeout。

代码实现:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>window定时器方法</title>
</head>
<body>

    <script>

        //一次性定时器
        // setTimeout("fun();",2000);
        // let id = setTimeout(fun,2000);
        // clearTimeout(id);
        function fun() {
            alert('boom');
        }

        //循环定时器
        let id = setInterval(fun,2000);
        clearInterval(id);
    </script>


</body>
</html>

 

 

 

 

案例2_轮播图:

代码实现:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>轮播图</title>
    <script>

        //修改图片
        let number = 1;
        function fun() {
            number++;
            //判断number是否大于3
            if (number > 3){
                number = 1;
            }
            //获取img对象
            let img = document.getElementById("img");
            img.src = "../img/kejidongtai.gif"+ number+".jpg";
        }

        //2.定义定时器
        setInterval(fun, 3000);

    </script>
</head>
<body>

    <img src="../img/kejifengdongtai.gif" width="100%">

</body>
</html>

 

标签:定时器,轮播,img,number,window,BOM,fun,setTimeout,id
From: https://www.cnblogs.com/hungui/p/16919627.html

相关文章

  • BOM_window属性和BOM_Location
    BOM_window属性:1.属性:1.获取其他BOM对象:historylocationNavigatorscreen:2.获取DOM对象document代码实现:<!DOCTYPEhtml><html><head><metacharset="UTF-8"......
  • windows 用其它用户运行程序
    在配置金碟k3客户端时,碰到个问题,如果启用域很好处理,否则要保存客户端电脑和服务器上有相当用户且密码要一致,客户端只能用这个用户登陆并启动客户端。这样用起来很不方便,服务......
  • C++ --- 标准库std::max/std::min和window头文件中宏max/min冲突
    转载:https://blog.twofei.com/668/在包含了Windows.h的C++源代码中使用std::min/std::max会出现错误。intmain(){intx=std::max(0,1);inty=std......
  • Windows 下 ElasticSearch8.5.1下载安装及使用
    ElasticSearch下载安装及使用前言Elasticsearch是一个基于Lucene的搜索服务器。它提供了一个分布式的全文搜索引擎,基于restfulweb接口。Elasticsearch是用Java语言开发......
  • Windows+Cygwin+NS2安装
    近来需要做无线网络仿真实验,老师让搭建ns2仿真环境。其过程可谓是崎岖,上网搜的时候发现大家在第一次装的时候都一样,不是一帆风顺的,毕竟不是点点点安装软件啊【笑哭】。先说......
  • c#开发和学习(c#编写windows服务)
        大家有没有想过一些程序,属于那种开机即启动的。比如说web服务器程序,mysql程序等等。但是呢,这些程序本身又没有任何的console对话框,所以这个时候就要把他们编写......
  • Windows禁止更新,作者已死
    1.WindowsAutoUpdateWindows自动更新可能会造成以下的问题:1.c盘空间变小,影响硬盘寿命2.声卡驱动等会出现问题3.系统缺少文件,系统瘫痪4.会造成蓝屏,启动不了电脑5.......
  • Windows2008/2012系统服务器怎么搭建网站
    通常开通服务器后,需要进行网站搭建,下面是windows2012、windows2008系统的操作方法,网站搭建前需要将域名解析到搭建的本机服务器ip,在哪里搞的域名就在哪里解析,备案域名需要联......
  • windows内核下的回调钩子整理
    目录windows内核下的回调钩子整理一丶钩子1.1重新初始化钩子1.2进程钩子1.3线程钩子1.4模块回调监控1.5注册表的回调1.6进程保护1.7关机回调二丶未完待续windows内......
  • windows10 远程桌面黑屏
    【计算机配置】-【管理模板】-【Windows组件】-【远程桌面服务】-【远程桌面会话主机】-【远程会话环境】-{为远程桌面连接使用WDDM图形显示驱动程序-设置禁用}......