Javascript 香草JS倒计时自动运行

我正在尝试构建一个pomodoro计时器，我正在添加一个启动/停止按钮，但我正在尝试让我的计时器在页面刷新时不会自动启动

var timer = 1500;
var secondsRemaining;
var interval = setInterval(myTimer,1000);

function convertSeconds(timer)
{
var min = Math.floor (timer / 60);
var sec = timer - (min * 60);

//add a leading zero (as a string value) if seconds less than 10
if (sec < 10) {
        sec = "0" + sec;
    }
return min + ':' + sec;
}

//
function myTimer()                         
{
document.getElementById("timer").innerHTML = convertSeconds(timer);
timer--; 
if (timer < 0)                        
  clearInterval(interval);
}

var定时器=1500；
var二次维护；
var间隔=设置间隔（myTimer，1000）；
功能转换秒（计时器）
{
var min=数学楼层（计时器/60）；
var sec=计时器-（最小*60）；
//如果秒数小于10，则添加前导零（作为字符串值）
如果（第10节）{
秒=“0”+秒；
}
返回最小值+'：'+秒；
}
//
函数myTimer（）
{
document.getElementById（“计时器”）.innerHTML=convertSeconds（计时器）；
计时器--；
如果（计时器<0）
间隔时间；
}

---

在用户单击“开始”按钮之前，不要设置间隔

类似于

var定时器=1500；
var二次维护；
变量间隔；// 像这样的。单击播放按钮


var定时器=1500；
var二次维护；
var区间；
功能转换秒（计时器）{
最小值=数学下限（计时器/60）；
var sec=计时器-（最小*60）；
//如果秒数小于10，则添加前导零（作为字符串值）
如果（第10节）{
秒=“0”+秒；
}
返回最小值+'：'+秒；
}
//
函数myTimer（）{
document.getElementById（“计时器”）.innerHTML=convertSeconds（计时器）；
计时器--；
如果（计时器<0）
间隔时间；
}
*，
*：之前，
*：之后{
框大小：边框框；
}
身体{
背景：rgb（255、255、255）；
}
p{
字体大小：50px；
文本对齐：居中；
填充：0px；
}
#计时器{
文本对齐：居中；
位置：相对位置；
最高：30%；
转化：translateY（-30%）；
字号：7em；
字体系列：Roboto；
颜色：黑色；
}
#标志{
文本对齐：居中；
位置：相对位置；
最高：20%；
转化：translateY（-20%）；
字体系列：Roboto；
字体大小：20px；
}
/*盒子*/
.盒子{
位置：绝对位置；
宽度：506px；
高度：360px；
顶部：71px；
背景：#FFFFFF；
盒影：0px 10px 20px rgba（0,0,0,0.2）；
边界半径：31px；
}
A.足球比赛{
字体大小：48px；
位置：绝对位置；
宽度：83px；
高度：77px；
左：200px；
顶部：265px；
}
.暂停{
字体大小：48px；
位置：绝对位置；
宽度：83px；
高度：77px；
左：270px；
顶部：265px；
}

FocusTimer

然后不要放入
设置间隔（myTimer，1000）在顶层中。。。把它放在按钮处理程序中