一定時間に画像を変える

javascript
1<!DOCTYPE html>
2<html lang = "ja">
3<head>
4<title>一定時間で新ウィンドウの画像が変わる</title>
5<meta charset = "utf-8">
6<script>
7var win;
8var timer;
9var num = 1;
10
11function start(){
12	timer = setInterval("dClock()",1000);
13}
14function dClock(){
15	win = open('画像が変わる images/kyocotan' num +'.jpg',"win_kyoctan",'width=100 height=200 top=100 left=400');
16	num++;
17	if(num > 5);
18		num = 1;
19}
20}
21	function stop(){
22		win.window.close();
23		clearInterval(timer);
24		num = 1;
25}
26</script>
27</head>
28<body>
29<input type = "button" name="start_btm" value="start" onclick = "sClock()">
30<input type = "button" name="stop_btm" value="stop" onclick = "sClock()">
31</body>
32</html>

一秒ごとに画像を変えるプログラムを書いたのですが動かないです、どなたかわかる方教えてもらえませんか？

行動規範の内容に同意します

回答2件

関数startがどこからも実行されていないから。

投稿2019/07/21 14:40

kei344

総合スコア69407

Aratamicky

2019/07/21 14:45

どうすればいいですか？

kei344

2019/07/21 14:45

実行するように書けばよいです。

m.ts10806

2019/07/22 00:19

<input type = "button" name="start_btm" value="start" onclick = "sClock()"> ↓ <input type = "button" name="start_btm" value="start" onclick = "start()"> <input type = "button" name="stop_btm" value="stop" onclick = "sClock()"> ↓ <input type = "button" name="stop_btm" value="stop" onclick = "stop()"> 定義した名前で呼び出しましょうという話ですね。 https://developer.mozilla.org/ja/docs/Web/JavaScript/Guide/Functions

Aratamicky

2019/07/22 00:30

ありがとうございます。

行動規範の内容に同意します

ベストアンサー

たとえばこんなかんじで

javascript
1<!DOCTYPE html>
2<html lang ="ja">  
3<head>
4<meta charset = "UTF-8">
5<title>画像が変わる</title>
6<script>
7var win;
8var num=0;
9var timerId;
10const imgs=[];
11imgs[0]="1.jpg";
12imgs[1]="2.jpg";
13imgs[2]="3.jpg";
14imgs[3]="4.jpg";
15imgs[4]="5.jpg";
16const openwin=()=>{
17  win=window.open('about:blank','win','width=100,height=200,top=100,left=400');
18  clearInterval(timerId);
19  gazo();
20}
21const closewin=()=>{
22  win.close();
23  num=0;
24  clearInterval(timerId);
25}
26const gazo=()=>{
27  timerId=setInterval((function hoge(){
28    if(num>=imgs.length) num=0;
29    win.location.href=imgs[num];
30    num++;
31    return hoge;
32  })(),1000);
33};
34window.addEventListener('DOMContentLoaded',()=>{
35  document.querySelector('[name=start_btn]').addEventListener('click',e=>{
36    openwin();
37  });
38  document.querySelector('[name=stop_btn]').addEventListener('click',e=>{
39    closewin();
40  });
41});
42</script>
43</head>
44<body>
45  <input type = "button" name="start_btn" value="スタートボタン">
46  <input type = "button" name="stop_btn" value="ストップボタン" >
47</body>
48</html>