js--1图片切换,定时器,自动轮播,图片显示隐藏

2021-02-10 11:15

阅读:543

YPE html>

标签:http   点击   lan   计算   ring   dea   nbsp   完成   pre   

1切换图片

2定时器--setTimeout()和setInterval()的用法

3定时器使用的案例——图片轮播

4图片显示和隐藏

5显示隐藏和定时器的案例——定时弹出广告

 


1切换图片


 


 

2定时器--setTimeout()和setInterval()的用法

(1)setTimeout()用法

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

    setTimeout(code,millisec)

    code:必需。要调用的函数后要执行的 JavaScript代码串。

    millisec:   必需。在执行代码前需等待的毫秒数。

  • clearInterval(timerID):用于取消 setTimeout() 函数设定的定时执行操作。

(2)setInterval()用法

setTimeout() 只执行 code 一次。如果要多次调用,请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。

  • setInterval用于延迟执行某方法或功能

   示例:setInterval(alert("Hello");3000);

  • clearInterval(timerID):用于取消setInterval 函数设定的定时执行操作。

 


    

 


 

3图片轮播--定时器使用的案例


    

 


 

4图片显示和隐藏


    

 


 

5显示隐藏和定时器的案例——定时弹出广告


    

 

js--1图片切换,定时器,自动轮播,图片显示隐藏

标签:http   点击   lan   计算   ring   dea   nbsp   完成   pre   

原文地址:https://www.cnblogs.com/wml2018/p/13052603.html


评论


亲,登录后才可以留言!