用js在网页上完成倒计时3秒后自动跳转到另一个页面

<body>

var i=3;

function changeTime(){

document.getElementById("time").innerHTML=i;

i--;

}

changeTime();

var inId=window.setInterval("changeTime()",1000);

function stop(){

window.clearInterval(inId);

}

function autoRedirect(){

window.location="j.html";

}

window.setInterval("autoRedirect()",3000);

</script>

</body>

用js在网页上完成倒计时3秒后自动跳转到另一个页面,布布扣,bubuko.com

时间： 2024-10-19 13:43:49

用js在网页上完成倒计时3秒后自动跳转到另一个页面的相关文章

js实现网页多少秒后自动跳转到指定网址

在网上搜了一下,关于这个技术处理有多种方法,我只记下我在视频里学到的三种: 1.用一个response.sendRedirect("目标页面.jsp\.htm");实现直接跳转: 2.有时我们需要有点提示,比如“x秒后自动跳转,若没有跳转,请点击此处”,则可以在myeclipse中调用Snippets中的Delay Go To URL.会自动生成如下代码: 代码如下: <script language="JavaScript1.2" type="te

修改密码成功后，倒计时三秒后，跳转到登录页面

简单描述:需求上说,修改密码完成之后,要有个倒计时3秒,倒计时完成之后,才返回到登录页面,而不是修改完密码,立即返回到登录的页面代码: //html代码 <div class="portlet light bordered" id="loginbox"> <div class="tab-content"> <div class="row"> <form action="&q

原生JS在网页上复制的所有文字后面自动加上一段版权声明

不少技术博客有这样的处理,当我们复制代码的时候,会自动加上一段本信息版权为XXXX,这是怎么实现的呢? 其实实现的方式很简单,可以在我的网站页面上绑定一个copy事件,当你复制文章内容的时候,自动在剪切板文字后面加上一段版权声明. 我这边是没有加这些的,代码什么的想复制就复制好了.大家都是靠代码技能吃饭的,可以体会写代码的不易,相信一定会尊重知识劳动成果——保留出处等版权信息的. 效果示例 : 代码示例: <body> <p>是的你没有看错, 我还是在路边吃快餐, 在北京市的三里屯

js实现多少秒后自动跳转

第一种使用SetInterval: $(function () { setInterval(ChangeTime, 1000); }); function ChangeTime() { var time; time = $("#time").text(); time = parseInt(time); time--; if (time <= 0) { window.location.href = "/Home/Index"; } else { $("

js / ajax 成功提交后怎么跳转到另外一个页面？

把success那段改成 success : function (r) { if ( r.status == 'error' ){ alert(msg[r.msgno]); } else if (r.status == 'success') { alert(msg[r.msgno]); //location.reload(true); window.location.href="http://www.hao123.com";//你可以跟换里面的网址,以便成功后跳转 } },

网页上的倒计时效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>jquery数字倒计时代码</title&

JS让网页上文字出现键盘打字的打字效果

一个挺简单的网页特效:JS让网页上文字出现键盘打字的打字效果实现演示地址:http://codepen.io/guihailiuli/pen/jPOYMZ 以代码形式实现过程分析: <html> <head> <title>打字效果</title> <meta http-equiv="Content-Type" Content="text/html;charset=gb2312" /> <style

js弹框3秒后自动消失

开发中有时候会需要最出弹框后,过几秒自动消失的效果,下面给大家分享一下我自己做的一个小案例. 案例中的弹框使用的是bootstrap里面的模态框,实现自动消失则用的是js中的setInterval方法.该弹框使用了jquery-ui中的draggable方法,可拖动. 目录结构如下: 下面是案例代码: demo.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <ti

js实现指定时间跳转到另一个页面

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <title>setTimeout</title> 5 </head> 6 <body> 7 <h1>跳转页面</h1> 8 <form> 9 <div> 10 <p><span id="skip"></span