Javascript Jquery计数器在重置后显示零

我正在使用JQuery设置60的计数器，它工作得非常好。除了第一轮倒计时并达到零，当我重置它时，它首先显示零，然后从60开始。我希望它在重置后立即从60开始。有什么想法吗？ 这是我的代码（这是一个示例代码，它给出了与我的原始代码相同的结果）

$（“#重新发送确认电话号码代码”）.hide（）；
var计数=60，
定时器=设置间隔（函数（）{
$（“#计数器”）.html（--count）；
如果（计数=0）{
清除间隔（计时器）；
$（“#重发”）.fadeOut（“快速”，函数（）{}）；
$（“#重新发送确认电话号码代码”）.fadeIn（“快速”，函数（）{}）；
}
},
1000);
$（“#重新发送”）.show（）；
函数aliAsghar（）{
$（“#重新发送确认电话号码代码”）.hide（）；
var计数=60，
定时器=设置间隔（函数（）{
$（“#计数器”）.html（--count）；
如果（计数=0）{
清除间隔（计时器）；
$（“#重发”）.fadeOut（“快速”，函数（）{}）；
$（“#重新发送确认电话号码代码”）.fadeIn（“快速”，函数（）{}）；
}
},
1000);
$（“#重新发送”）.show（）；
}

输入代码

剩余60秒
再次发送
提交

您可以通过在第一次调用函数时，在间隔的第一次迭代发生之前，立即使用

count

值更新元素的HTML来解决此问题

然后，当页面加载时，只需调用

aliAsghar（）

，而不是将相同的逻辑复制到页面中两次，就可以使逻辑干涸

请注意，在HTML中的*事件属性上使用了一个不引人注目的事件处理程序，这在可能的情况下是应该避免的，并且在

fadeX（）

调用上删除了空回调函数，这不是必须的

函数aliAsghar（）{
$（“#重新发送确认电话号码代码”）.hide（）；
var count=5；//设置为5只是为了加快测试速度
$（“#计数器”）.html（计数）；
var timer=setInterval（函数（）{
$（“#计数器”）.html（--count）；
如果（计数=0）{
清除间隔（计时器）；
$（“#重新发送”）.fadeOut（“快速”）；
$（“#重新发送确认电话号码代码”）.fadeIn（“快速”）；
}
}, 1000);
$（“#重新发送”）.show（）；
}
aliAsghar（）；//装载
$（“#重新发送确认电话号码代码”）。单击（函数（）{
aliAsghar（）；
});


输入代码

剩余60秒
再次发送
提交
只需设置：
$（“#计数器”）.text（“60”）


$（“#重新发送确认电话号码代码”）.hide（）；
$（'计数器'）。文本（“60”）；
var计数=60，
定时器=设置间隔（函数（）{
$（“#计数器”）.html（--count）；
如果（计数=0）{
清除间隔（计时器）；
$（“#重发”）.fadeOut（“快速”，函数（）{}）；
$（“#重新发送确认电话号码代码”）.fadeIn（“快速”，函数（）{}）；
}
},
1000);
$（“#重新发送”）.show（）；
函数aliAsghar（）{
$（“#重新发送确认电话号码代码”）.hide（）；
$（'计数器'）。文本（“60”）；
var计数=60，
定时器=设置间隔（函数（）{
$（“#计数器”）.html（--count）；
如果（计数=0）{
清除间隔（计时器）；
$（“#重发”）.fadeOut（“快速”，函数（）{}）；
$（“#重新发送确认电话号码代码”）.fadeIn（“快速”，函数（）{}）；
}
},
1000);
$（“#重新发送”）.show（）；
}


输入代码

还剩几秒钟
再次发送
提交
你能为同样的东西创建一个提琴吗？@SmitRaval这里最好有一个可运行的片段，而不是非现场。我已经添加了html代码