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