提交时的jquery倒计时
我想编码当访问者点击提交,它将显示一个倒数计时前重定向到上述网站 下面是演示 这是html代码:提交时的jquery倒计时,jquery,redirect,onclick,submit,Jquery,Redirect,Onclick,Submit,我想编码当访问者点击提交,它将显示一个倒数计时前重定向到上述网站 下面是演示 这是html代码: <input id="hulk" class="submit" name="send_contact" type="submit" value="Send" /> <div style="display:hidden">Redirecting In <span id="countdown">5</span>.</div> 如何使倒计时
<input id="hulk" class="submit" name="send_contact" type="submit" value="Send" />
<div style="display:hidden">Redirecting In <span id="countdown">5</span>.</div>
如何使倒计时计时器仅在单击“提交”后显示?只需删除末尾的()
var timer = 5,
el = document.getElementById('countdown');
$('#hulk').on( 'click', function t_minus() {
'use strict';
el.innerHTML = timer--;
if (timer >= 0) {
setTimeout(function () {
t_minus();
}, 1000);
} else {
window.location.replace("/");
}
});
更新。使用
$(“#倒计时”).show()
单击函数内部。要使消息仅在单击后可见,您需要两件事:首先,正确隐藏具有正确样式的元素,其次,不要在最后一行启动t_减号函数
var定时器=5
el = document.getElementById('countdown');
$('#hulk').click(function t_minus() {
'use strict';
el.innerHTML = timer--;
if (timer >= 0) {
setTimeout(function () {
t_minus();
}, 1000);
} else {
window.location.replace("/");
}
});
请阅读如何使用CSS隐藏元素
el = document.getElementById('countdown');
$('#hulk').click(function t_minus() {
'use strict';
el.innerHTML = timer--;
if (timer >= 0) {
setTimeout(function () {
t_minus();
}, 1000);
} else {
window.location.replace("/");
}
});