JavaScript 【IDを取得する方法】

Question

前提・実現したいこと

やりたいケースが特殊なものとなるかと思いますがよろしくお願いいたします
forでimgを2つ別々のIDで作り、
imgが読み込まれた時点でsetIntervalを発動させています
2つがそれぞれ発動する形になると思います
そこで、今どちらが発動中であるか、IDを取得する方法はございませんでしょうか
setInterval内でthisは参照できないので悩んでおります
【IDを取得する方法】をご存知の方は教えて下さい

該当のソースコード

<script>
window.onload=function(){
for(i=0;i<2;i++){
img=document.createElement("img");
img.id="image"+i;
img.style.width="40px";
img.style.height="40px";
img.src="https://freesvg.org/storage/img/thumb/Poppies.png";
img.addEventListener('load', function(){
setInterval(function(){
console.log(this.id);//今setInterevalをloadしている対象オブジェクトがimage0/image1かを出力したいがthisでは参照できない
console.log(image1.id)//こういう指定方法はなしで
},1000);
});
document.body.appendChild(img);
}
}
</script>

Answer 1

お手軽な方法としては以下のような感じでしょうか。

window.onload = function(){
	for(let i=0; i<2; i++){
		const imageid = `image${i}`;
		const img = document.createElement("img");
		img.id = imageid;
		img.style.width  = "40px";
		img.style.height = "40px";
		img.src = "https://freesvg.org/storage/img/thumb/Poppies.png";
		img.addEventListener('load', function(){
			setInterval(function(){
				console.log(imageid);
			}, 1000);
		});
		document.body.appendChild(img);
	}
}