[VictorHub]

Доброй ночи! Ребята надеюсь на помощь знающих, сам в js почти что нуб, только начал изучение, но вот появилась задача которую нужно решить. А именно организовать простенькую фоновую анимацию на сайте. На просторах интернета решение было найдено, но дело в том, что анимация получилась зацикленной, а мне нужно остановить ее на последнем кадре. Подскажите пожалуйста что нужно поправить, чтобы добиться желаемого эффекта.

Вот код:

var animated_element = document.getElementById('bg');
			
	var frame_width = animated_element.offsetWidth;			
	var total_frames = 4;			
        var frame_count = 0;
        
setInterval(function(){
			
       var new_x = (frame_count * frame_width) * -1;
       animated_element.style.backgroundPosition = new_x+'px 0px';
			 
			 if (frame_count < total_frames){
				frame_count += 1;
				}else{
				frame_count = 0;				
				}
			 
			
			},400);