实现效果点击按钮开始图片在div里面开始轮播,点击按钮暂停,
我这代码大致思路这样,没有报错,运行不会动,大神帮忙跑一下代码!
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>背景</title>
</head>
<body>
<input type="button" id="btn2" value="开始" />
<input type="button" id="btn2" value="暂停" />
<div style=" width: 200px; height: 200px;border:10px double ;">
<img src="兔子.jpg"/ width="100%" height="100%" id="pic"></div>
<script type="text/javascript">
var obtn1=document.getElementById("btn1")
var obtn2=document.getElementById("btn2")
var opic=document.getElementById("pic")
var n=0
var timer=null
var arr=["兔子.jpg","狗狗.jpg"]
obtn1.onclick=function () {
clearInterval(timer)
timer=setInterval(aa,1000)
}
function aa () {
img.src=arr[n]
n++
n=n%arr.length
}
obtn2.onclick=function () {
clearInterval(timer)
}
</script>
</body>
</html>