在js中实现页面定时跳转我们要使用setInterval或setTimeOut函数，还可以使用页面的meta实现。
例1：
<script type="text/javascript" language="JavaScript">

    var startTime = new Date();

    var endTime=startTime.getTime()+10*60*1000;

    var g_blinkswitch = 0;

    var g_blinktitle = document.title;

    function getRemainTime(){

        var nowTime = new Date();

        var nMS =endTime - nowTime.getTime();

        var nM=Math.floor(nMS/(1000*60)) % 60;

        var nS=Math.floor(nMS/1000) % 60;

        if(nM==0&&nS==0&&nMS<1000) //当倒计时结束

        {

            window.focus();

            setInterval("blinkNewMsg()", 1000);

            window.location.reload();

        }

        if(nS < 10) nS = "0" + nS;

        if(nMS >= 0){

            document.getElementById("remainTime").innerHTML= nM + "分" + nS + "秒";

            setTimeout("getRemainTime()",1000);

        }       

    }   

    function blinkNewMsg()

    {

        document.title = g_blinkswitch % 2==0 ? "【　　　】 - " + g_blinktitle : "【新消息】 - " +

        g_blinktitle;

        g_blinkswitch++;

    }   

 window.onload=getRemainTime;

</script>

<strong id="remainTime">10分00秒</strong>
 
例2
倒计时跳转页面
<title>JS倒计时网页自动跳转代码</title>  

<script language="JavaScript" type="text/javascript">

 function delayURL(url) {

  var delay = document.getElementById("time").innerHTML;

  if(delay > 0) {

   delay--;

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

  } else {

   window.top.location.href = url;

  }

  setTimeout("delayURL('" + url + "')", 1000);

 }

</script>

<span id="time" style="background: #00BFFF">3</span>秒钟后自动跳转，如果不跳转，请点击下面的链接<a href="http://www.jbxue.com">脚本学堂</a>

<script type="text/javascript">

delayURL("http://www.jbxue.com");

</script>
 
例3 防刷新的倒计时代码
<!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> 

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 

<title> www.jbxue.com--倒计时页面</title> 

</head> 

<body> 

<SCRIPT LANGUAGE="JavaScript"> 

<!-- 

var maxtime; 

if(window.name==''){  

maxtime = 1*60; 

}else{ 

maxtime = window.name; 

} 

function CountDown(){ 

if(maxtime>=0){ 

minutes = Math.floor(maxtime/60); 

seconds = Math.floor(maxtime%60); 

msg = "距离考试结束还有"+minutes+"分"+seconds+"秒"; 

document.all["timer"].innerHTML = msg; 

if(maxtime == 5*60) alert('注意，还有5分钟!'); 

--maxtime; 

window.name = maxtime;  

} 

else{ 

clearInterval(timer); 

alert("考试时间到，结束!"); 

} 

} 

timer = setInterval("CountDown()",1000); 

//-->

</SCRIPT> 

<div id="timer" style="color:red"></div>  

</body> 

</html>

Javascript倒计时页面跳转的更多相关文章

  1. JavaScript 之 页面跳转及Frame动态加载

    一.页面跳转 JS跳转大概有以下五种方式: 1.跳转到B页面 <script language="javascript" type="text/javascript ...

  2. javascript实现页面跳转

    这里指的页面跳转是将浏览器标签页转到新的网址. 只需要使用 window.location.href="url" 就行了 示例 <!DOCTYPE html> < ...

  3. Javascript实现页面跳转的几种方式

    概述 相信很多Web开发者都知道,在开发Web程序的时候,对于页面之间的跳转,有很多种,但是有效的跳转则事半功倍,下面就是我在平时的开发过程中所用到的一些JavaScript跳转方式,拿出和大家共享一 ...

  4. JavaScript 各种页面跳转方法

    第一种: window.location.href="login.jsp?backurl=\"+window.location.href; 第二种: alert("返回& ...

  5. js倒计时页面跳转

    HTML: <p><span id="timer">60</span>s 后跳转到百度首页</p> JS: //倒计时方法 func ...

  6. 《JavaScript》页面跳转

    window.location.href: <i onclick="window.location.href = '/Form/Form_Write/Index?viewname=Fo ...

  7. JS页面跳转的常用方法整理.

    <script type="text/javascript"> //js页面跳转 function showtabs() { window.location.href ...

  8. 通过javascript库JQuery实现页面跳转功能代码

    通过javascript库JQuery实现页面跳转功能代码的四段代码实例如下. 实例1: 1 2 3 4 $(function(){ var pn = $("#gotopagenum&quo ...

  9. javascript倒计时调转页面

    <html><head><meta http-equiv="Content-Type" content="text/html; charse ...

随机推荐

  1. c语言_判断例子

    例一: #include "stdio.h" int main() { ; if(i) printf("hi"); if(!i) printf("hi ...

  2. 小白日记21：kali渗透测试之提权（一）--本地提权

    本地提权 简单地说,本地提权漏洞就是说一个本来非常低权限.受限制的用户,可以提升到系统至高无上的权限.权限提升漏洞通常是一种"辅助"性质的漏洞,当黑客已经通过某种手段进入了目标机器 ...

  3. BootStrap2学习日记11---单选框多选框

    单选框代码: <label for="country">国家</label> <select id="country"> & ...

  4. Spring 中jdbcTemplate 实现执行多条sql语句

    说一下Spring框架中使用jdbcTemplate实现多条sql语句的执行: 很多情况下我们需要处理一件事情的时候需要对多个表执行多个sql语句,比如淘宝下单时,我们确认付款时要对自己银行账户的表里 ...

  5. Android进阶笔记08：Android 中Activity、Window和View之间的关系

    1. Android 中Activity.Window和View之间的关系(比喻): Activity像一个工匠(控制单元),Window像窗户(承载模型),View像窗花(显示视图) LayoutI ...

  6. 临时2级页表的初始化过程 head_32.S 相关代码解释

    page_pde_offset = (__PAGE_OFFSET >> 20); /* __PAGE_OFFSET是0xc0000000,page_pde_offset = 3072 = ...

  7. spring+hibernate+struts整合(2)

    spring和struts2的整合 1:配置Web.xml文件 <filter> <filter-name>struts2</filter-name> <fi ...

  8. java中的静态方法

    静态方法是属于类的,内存必须为它分配内存空间,这个空间一直由静态方法占用,内存管理器不会由于静态方法没有被调用而将静态方法的存储空间收回,这样如果将所有的方法都声明为静态方法,就会占用大量的内存空间, ...

  9. Adobe Edge Animate –Edge Commons强势来袭，Edge团队开发成为现实

    Adobe Edge Animate –Edge Commons强势来袭,Edge团队开发成为现实 版权声明: 本文版权属于 北京联友天下科技发展有限公司. 转载的时候请注明版权和原文地址. Edge ...

  10. [改善Java代码]列表相等只需关系元素数据

    来看一个判断列表相等的例子,看代码: import java.util.ArrayList; import java.util.Vector; public class Client { public ...