nar********

2021/3/3 0:51

11回答

setIntervalについてお聞きします。 dog apiから取得した画像を指定した秒数が経つごとに切り替わっていくコードが知りたいです。

setIntervalについてお聞きします。 dog apiから取得した画像を指定した秒数が経つごとに切り替わっていくコードが知りたいです。 const image = document.getElementById('image'); const api = fetch('https://dog.ceo/api/breeds/image/random') .then(Response => { return Response.json(); }) .then(myJson => { image.src = myJson['message']; }); setInterval(api,3000); 3秒ごとに画像が変わるようにしたいです。 ご教示願えますでしょうか。

JavaScript | プログラミング・9閲覧・xmlns="http://www.w3.org/2000/svg">50

ベストアンサー

0

dev*************

2021/3/3 19:09

回答します。 指定された秒数毎にAPIを実行し、画像を表示させるには、$.getJSON、または$.ajaxのどちらかを使用すれば、簡単に取得できます。 例 ■HTML <img id="gazo" src="" alt="" /> ■JavaScript（JQuery使用） $(function() { $(window).on("load", function() { setInterval(() => { get_image(); }, 3000); }); function get_image() { $.getJSON("https://dog.ceo/api/breeds/image/random", function(data) { $("#gazo").attr("src", data.message); }); } }); ★捕捉ですが、画像サイズが大きい場合を考慮して、5秒以上にした方がいいと思います。

ThanksImg質問者からのお礼コメント

ご親切に補足まで頂きありがとうございます！ 長らく悩んでいたことが速攻で解決しました！ 本当にありがとうございます！！

お礼日時：3/3 22:01