湖南汽车微信小程序_JavaScript完成布景主动切换小

JavaScript实现背景自动切换小案例       这篇文章主要为大家详细介绍了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 

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持凡科。