クリック時にsetInterval＆clearIntervalで拡大画像を作成しますか？

Question

サムネイル画像を作成しようとしていますが、サムネイル画像は大きいバージョンにアニメーション化され、5秒間表示されてから「表示」ボタンをクリックすると元のサイズに戻ります。 window.setIntervalメソッドとwindow.clearIntervalメソッドを使用することは絶対必要です。ここで

は、これまでの私の試みです：https://jsfiddle.net/Lm1y51pb/1/

var myVar = setInterval(function(){ enlargeImg() }, 5000); // expand for 5 seconds 

    function enlargeImg() { 
     var img = document.getElementById("myImg"); 
     var width = 0; 
     var height = 0; 
     // how do I expand the image with this so far? 
    } 

    function myStopFunction() { 

     if(5000 secs have passed) 
     clearInterval(myVar); 
    } 

私は5秒が経過している場合は、上記の機能を停止させる画像を拡大で、主にmyStopFunctionに問題を（）抱えています。

最大幅と高さは500pxです。

Answer 1

これは動作するはずです：

var myVar = setInterval(function(){ enlargeImg() }, 5000); 
 

 
function enlargeImg() { 
 
    var img = document.getElementById("myImg"); 
 
    var width = 0; 
 
    var height = 0; 
 
    img.style.width = 'auto'; 
 
    img.style.height = 'auto'; 
 
}

<img id="myImg" src="http://i.imgur.com/XCCso5f.jpg" alt="" width="250" height="250" /> 
 
<button onclick="enlargeImg()">View</button>