多语言展示
当前在线:500今日阅读:31今日分享:25

用js实现在页面上循环显示图像

在浏览网页时经常见到不断变换的广告标题或者滑动显示的图像,这些效果是如何实现的呢?接下来进行简要介绍。
工具/原料
1

电脑

2

记事本

方法/步骤
2

setInterval函数:它能够重复运行js,每次运行有一定的间隔。每隔2000毫秒运行一次cycle函数。

3

整段代码如下所示:

4

用的是搜狗浏览器,点击工具|开发者工具,即打开调试工具

5

找到代码第15行,设置一个断点,则程序每次运行到这里都会暂停。在右侧的breakpoints里面可以看到刚才设置的断点。

6

程序运行到断点会会暂停,给出提示,如图:可人工让它继续运行。

7

点击右侧Watch右侧的+号,可以输入变量,以查看变量值的变化过程。此处,输入counter和getElementById('banner').src

8

运行过程中可以看到的两个表达式的值如下:

推荐信息