提交时的jquery倒计时

提交时的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> 如何使倒计时

我想编码当访问者点击提交,它将显示一个倒数计时前重定向到上述网站

下面是演示

这是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>
如何使倒计时计时器仅在单击“提交”后显示?

只需删除末尾的
()

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("/");
}
});