jQuery实现倒计时跳转的例子

生命不是要超越别人,而是要超越自己。每天醒来并告诉自己:更少的理由,更大的腹部,更甜的嘴,更小的脾气,更快的动作,更高的效率,一点微笑和脑。一站式
实现代码:

<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>跳转页面</title>
<script src="jquery.js"></script>
<script language="javascript"><!-- $(document).ready(function() {
function jump(count) {
window.setTimeout(function(){
count--;
if(count > 0) {
$('#num').attr('innerHTML', count);
jump(count);
} else {
location.rel="nofollow noopener noreferrer" href="http://haodaima.com";
}
}, 1000);
}
jump(3);
}); // --></script>
</head>
<body>
<span style="color:red">欢迎来到haodaima.com!</span><br/>haodaima.com页面将在3秒后跳转...<br/>还剩<span id="num">3</span>秒
</body>
</html>

可以复制代码并保存到文件中,直接用浏览打开测试效果,注意引入jquery.js文件。

到此这篇关于jQuery实现倒计时跳转的例子就介绍到这了。与其指望遇到一个谁,不如指望自己能够吸引那样的人;与其指望每次失落的时候会有正能量出现温暖自己,不如指望自己变成一个正能量满满的人;与其担心未来,不如现在好好努力。更多相关jQuery实现倒计时跳转的例子内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
ASP.NET中Response.BufferOutput属性的使用技巧

ASP.NET轻量级MVC框架Nancy的基本用法

使用grpcui测试ASP.NET core的gRPC服务

ASP.NET Core中的对象池介绍

.NET集成ORM框架HiSql