<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
function changeImg1() {
//alert(" Imgs002!");
var jsimg1 = document.getElementById("jsimg1");
jsimg1.src = "../image/0ff130db-0a1b-4b8d-a918-ed9016317009-thumbnail.jpg";
}
function changeImg2() {
//alert("Img001!");
var jsimg2 = document.getElementById("jsimg1");
jsimg2.src = "../image/059b5245-e3c8-43bf-80fe-700f0e4e68b8-thumbnail.jpg";
}
function startChange1() {
s1 = setInterval("changeImg1()", 2000);
s2 = setInterval("changeImg2()", 4000);
}
function stopChange() {
clearInterval(s1);
clearInterval(s2);
}
</script>
</head>
<body>
<input type="button" name="" id="" value="start" οnclick="startChange1()" />
<input type="button" name="" id="" value="stop" οnclick="stopChange()"/>
<br />
<img src="../image/059b5245-e3c8-43bf-80fe-700f0e4e68b8-thumbnail.jpg" id="jsimg1" />
</body>
</html>