JavaScript setIntervalを停止させる変数は動的に指定できないんでしょうか

Question

タイトルの通りです
ID=setInterval
のID部分を動的に指定して停止させたいのですが動的というのは不可能なんでしょうか
下記ソースを見て下さい
下記ソースだと二つとも動作が停止してしまいます
下記コードに沿った作りで別々に停止させる手法はございませんでしょうか？

<script>
window.onload=function(){
for(i=0;i<2;i++){
const load_id='image'+i;
const img=document.createElement("img");
img.id=load_id;
img.style.width="40px";
img.style.height="40px";
img.src="https://freesvg.org/storage/img/thumb/Poppies.png";
img.addEventListener('click', function(){
clearInterval(load_id);
});
img.addEventListener('load', function(){
const load_id=setInterval(function(){//この変数の指定では全て同じとなってしまうので別々に変えてたい
console.log(load_id);
},1000);
});
document.body.appendChild(img);
}
}
</script>

Answer 1

こんな感じでどうでしょう。
中にいれて反応するようです。

<script>
window.onload=function(){
    for(i=0;i<2;i++){
        const load_id='image'+i;
        const img=document.createElement("img");
        img.id=load_id;
        img.style.width="40px";
        img.style.height="40px";
        img.src="https://freesvg.org/storage/img/thumb/Poppies.png";

        img.addEventListener('load', function(){
            const load_id=setInterval(function(){//この変数の指定では全て同じとなってしまうので別々に変えてたい
            console.log(load_id);
            },1000);
            this.addEventListener('click',function(){
                clearInterval(load_id);
            })
        });
        document.body.appendChild(img);
    }
}
</script>

Answer 2

imgのload処理でやる必要はあるのでしょうか？

window.addEventListener('DOMContentLoaded', ()=>{
  for(let i=0;i<2;i++){
    const img=Object.assign(document.createElement("img"),{
    id:"image"+i,
    style:"width:40px;height:40px",
    src:"https://freesvg.org/storage/img/thumb/Poppies.png",
    });
    const load_id=setInterval(()=>{
      console.log(load_id);
    },1000);
    img.addEventListener('click',()=>{
      clearInterval(load_id);
    });
    document.querySelector('body').appendChild(img);
  }
});