Javascript 如何保存分区的初始背景色、进行更改并在一段时间后返回？

我的HTML中有一个分区。如果我点击它，我希望在我只点击一次后的前2秒内，使用javascript计算该分区的点击次数，并在每次点击时添加2秒，直到我的分区恢复为初始背景色

我的“color”变量取背景的初始值，在我的例子中是：红色，但当我将背景颜色更改为紫色时，它也会更改，我认为这是因为它是一个参考，我尝试了3种方法来避免这个问题，但没有成功

    window.onload=function(){
        StopProp();
        Schimbare();
    }

    var color,clickuit=0,myvar;

    function Schimbare(){
        var x=document.getElementsByTagName('section')[0];

        x.onclick=function(){
            color=this.style.background;
            this.style.background="purple";
            alert(color);
            clickuit++;
            if(clickuit==1){
                setTimeout(Numar,2000);
            }
        }
    }

    function Numar(){
        if(clickuit==1) Back();
        else{
                alert(clickuit);
                clickuit--;
                setTimeout(Numar,2000);
        }
     }

     function Back(){
            var x=document.getElementsByTagName('section')[0];
            alert(color);
     }

---

每次单击分区时，都可以设置颜色变量。你必须换行

color=this.style.background;

到

附言。

---

请不要使用“警告”。使用console.log（）

可以在每次单击该部分时设置颜色变量。你必须换行

color=this.style.background;

到

附言。

---

请不要使用“警告”。使用console.log（）

是，如果仅单击一次，则在2秒钟后单击是，如果仅单击一次，则在2秒钟后单击