JavaScript實現(xiàn)背景自動切換小案例
更新時間：2019年09月27日 14:06:57 作者：小羽向前跑
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)背景自動切換小案例，具有一定的參考價值，感興趣的小伙伴們可以參考一下
本文實例為大家分享了js實現(xiàn)背景自動切換的具體代碼，供大家參考，具體內容如下
功能：
窗口打開背景圖自動跳轉切換
所有代碼：
<!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>
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
JavaScript中將字符串轉換為數(shù)字的七種方法總結
在js的使用中往往伴隨著有格式帶來的問題,下面這篇文章主要給大家介紹了關于JavaScript中將字符串轉換為數(shù)字的七種方法,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下2022-09-09
這篇文章主要給大家介紹了關于利用JS、CSS實現(xiàn)列表自動滑動滾動效果的相關資料,本人在項目中遇到這樣的需求,親自來做的,通過html頁面配合js,css來做出的列表自動滑動,需要的朋友可以參考下2024-07-07
JavaScript基于數(shù)組實現(xiàn)的棧與隊列操作示例
這篇文章主要介紹了JavaScript基于數(shù)組實現(xiàn)的棧與隊列操作,結合實例形式分析了棧與隊列的操作原理及javascript使用數(shù)組實現(xiàn)棧與隊列的相關技巧,需要的朋友可以參考下2018-12-12
用javascript動態(tài)調整iframe高度的方法
用javascript動態(tài)調整iframe高度的方法...2007-03-03
這篇文章主要為大家詳細介紹了js實現(xiàn)中文實時時鐘，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-01-01
這篇文章主要給大家介紹了關于JavaScript實現(xiàn)日期格式化的相關資料,JavaScript中的日期對象提供了許多方法和屬性,可以通過它們來進行日期的格式化,需要的朋友可以參考下2023-09-09
永遠不知道你可以改變的內容，一個HTML元素？也許你要取代的文字段落中，以反映什么訪客選定剛剛從下拉框中。通過操縱一個元素的innerHtml您可以變更您的文本和HTML多達你喜歡。2013-08-08
IE6-IE9中tbody的innerHTML不能賦值的解決方法
這篇文章主要介紹了IE6-IE9中tbody的innerHTML不能賦值的解決方法,需要的朋友可以參考下2014-06-06
這篇文章介紹了javascript自然分類法算法實現(xiàn)代碼，有需要的朋友可以參考一下2013-10-10
這篇文章主要為大家詳細介紹了微信小程序用canvas實現(xiàn)圓形進度條，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-06-06