ロードショーも簡単にできます.

824 ワード

JavaScript 交互まき

もとは後輩ですが、彼のルーレットコードを変えてもらえますか?タイマーを見たら突発的に奇想天外です.ルーレットはタイマーで実現できますか?それは簡単ではないです.
私が必要としている輪播写真をImg配列に保存し、タイマーで容器の背景画像の関数を呼び出して、画像の輪播を実現します.背景写真を変えたくないなら、他のコードに変えられます.そして説明します.これは一番普通の輪播効果しか実現できません.
コードの記録は以下の通りです.

$(document).ready(function() {

			var img = ['./images/1.jpg','./images/2.jpg','./images/3.jpg','./images/4.jpg'];
			var i = 0;
		
			var t = setInterval(change, 2000);
		
			function change() {
				if (i >= img.length) {
					clearInterval(t);
					return;
				}
				var top = document.getElementById("top");
				top.style.backgroundImage = "url("+img[i].toString()+")";
				i++;
			}
		})

cordvaパッケージvueプロジェクト-ミックスアプリは入門からリリースまでです.