JavaScript实现背景自动切换小案例
更新时间：2019年09月27日 14:06:57 作者：小羽向前跑
这篇文章主要为大家详细介绍了JavaScript实现背景自动切换小案例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本文实例为大家分享了js实现背景自动切换的具体代码，供大家参考，具体内容如下
功能：
窗口打开背景图自动跳转切换
所有代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>背景切换</title>
</head>
<body>
<img src="img/1.jpg" width="500" id="imgId"/>
</body>
</html>
<script type="text/javascript">
window.onload = function () {
setInterval(step, 1000);
}
var num = 1;
function step() {
if (num < 5) {
num++;
} else {
num = 1;
}
var dom = document.getElementById("imgId");
//更改它images的src属性
dom.src = 'img/' + num + '.jpg';
}
</script>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
在js的使用中往往伴随着有格式带来的问题,下面这篇文章主要给大家介绍了关于JavaScript中将字符串转换为数字的七种方法,文中通过示例代码介绍的非常详细,需要的朋友可以参考下2022-09-09
这篇文章主要给大家介绍了关于利用JS、CSS实现列表自动滑动滚动效果的相关资料,本人在项目中遇到这样的需求,亲自来做的,通过html页面配合js,css来做出的列表自动滑动,需要的朋友可以参考下2024-07-07
这篇文章主要介绍了JavaScript基于数组实现的栈与队列操作,结合实例形式分析了栈与队列的操作原理及javascript使用数组实现栈与队列的相关技巧,需要的朋友可以参考下2018-12-12
用javascript动态调整iframe高度的方法...2007-03-03
这篇文章主要为大家详细介绍了js实现中文实时时钟，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-01-01
这篇文章主要给大家介绍了关于JavaScript实现日期格式化的相关资料,JavaScript中的日期对象提供了许多方法和属性,可以通过它们来进行日期的格式化,需要的朋友可以参考下2023-09-09
永远不知道你可以改变的内容，一个HTML元素？也许你要取代的文字段落中，以反映什么访客选定刚刚从下拉框中。通过操纵一个元素的innerHtml您可以变更您的文本和HTML多达你喜欢。2013-08-08
IE6-IE9中tbody的innerHTML不能赋值的解决方法
这篇文章主要介绍了IE6-IE9中tbody的innerHTML不能赋值的解决方法,需要的朋友可以参考下2014-06-06
这篇文章介绍了javascript自然分类法算法实现代码，有需要的朋友可以参考一下2013-10-10
这篇文章主要为大家详细介绍了微信小程序用canvas实现圆形进度条，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-06-06
最新评论