js轮播图

来源:互联网 发布:单片机采样频率 编辑:程序博客网 时间:2024/06/06 09:01

1、在hbuilder中创建一个web项目
这里写图片描述
2、先编写index.html

在script标签中做那个加入type=”text/javascript” src=”js/lunbo.js”
在body标签中加入onload=”init()”
在img标签中加入id=”img” width=”600px” height=”400px”

3、编写js文件
function init(){
//设置3秒图片换下一个
setInterval(change,”3000”);

}
//定义全局变量
var i=1;
function change(){
//获取图片id
var imgId=document.getElementById(“img”);
imgId.src=”img/”+i+”.jpg”;
if(i==3){
i=1;
}else{
i++;
}
}
轮播图制作完毕