Javascript倒计时页面跳转
在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.οnlοad=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>

posted on 2013-09-11 15:55 snowfly123 阅读(...) 评论(...) 编辑 收藏

转载于:https://www.cnblogs.com/linuxnotes/p/3314745.html

Javascript倒计时页面跳转相关推荐

  1. html圆圈倒计时,html5 css3圆形进度条倒计时页面跳转代码

    特效描述:html5 css3 圆形进度条 倒计时 页面跳转代码.html5 css3进度条倒计时动画特效 代码结构 1. HTML代码 html5+css3进度条倒计时动画特效 body { mar ...

  2. Javascript实现页面跳转传值示例Demo

    正好今早有时间,做个简单的示例,讲解一下页面传值的其中一种方式,使用Session传值. session在我看来,是在页面加载过程中,可以保存临时数据的一种方式. 然后,从一个页面跳转到另一个页面的时 ...

  3. javascript实现页面跳转的方法

    第一种:           在原来的页面中直接跳转到想要跳转的页面,可以加参数. 1 <script language="javascript" type="te ...

  4. html 禁用自动跳转,javascript 实现页面跳转，禁止返回上一页【转】

    前言:有个几后来含些在到气时按式近篇来又的方浏消风需求就是访问指定URL自动跳转到指定的URL,禁止返回上一页.首先想到是写个静态网页,通过调用js相关方法可以实现.以下是示例代码一说为年供发架据制个 ...

  5. javascript传值和页面跳转传值（ASP.NET页面传参的三种方法）

    我在csdn上提的问题是        我现在希望从asp.net网页弹出对话框,弹出一些错误信息.警告.提示信息之类的东西,目前准备用javascript实现,所以我希望在调这个对话框的时候,动态传 ...

  6. 怎么不让html网页自动跳转,javascript怎么禁止跳转页面？

    JavaScript中可以通过在点击跳转页面时调用preventDefault()方法来禁止页面跳转.preventDefault()方法可以取消事件的默认动作. 如果在点击时候调用preventDe ...

  7. swift 原生给h5发消息_Swift-WKWebView与JavaScript的细节，H5页面跳转原生界面

    大家(也包括我)要学会 明白一件事情(注意断句,哈哈).优秀的程序猿会将问题简单化. 世界上有10种人,一种是先把问题复杂化,然后在一点点的做减法:另一种是先把问题简单化,然后在慢慢的做加法:(好了该 ...

  8. JavaScript 实现页面内时间实时倒计时 计时器内附完整文件欢迎调用(可用于抢购倒计时,记录恋爱纪念日总时长等)输出对应的天数小时分钟秒数

    JavaScript 实现页面内时间倒计时 计时器 可用于抢购倒计时,记录恋爱纪念日总时长等输出对应的天数小时分钟秒数 注意:在下一个文章中将公布一个纪念日成品代码,欢迎各位来学习(复制) 第一步:构 ...

  9. 支付10秒倒计时链接页面跳转

    首先创建两个html页面,分别是支付页面和倒计时页面. 2. 我们先完成支付页面的布局.下面是是div样式. 3. 接着是css的样式. 接着是js的样式.先获取到第二button按钮也就是支付的那个 ...

最新文章

  1. 【前沿干货】2020人脸识别最新进展
  2. Zookeeper的典型应用场景（2）
  3. ROS环境下跑orb-slam2 单目相机
  4. Linux文件读写改权限详解
  5. linux7配置网卡绑定,CentOS7双网卡绑定配置
  6. 用递归与分治策略求解网球循环赛日程表_算法设计：分治法（比赛日程安排）...
  7. 《大数据》第1期“聚焦”——从系统角度审视大数据计算
  8. DP! | 不要怂!
  9. Javascript项目
  10. 毅航产品—模拟载板I
  11. 3D数学---坐标空间
  12. Android源码下载编译（高通）
  13. 什么是OTDR测试仪？什么又是福禄克测试？
  14. json转数组(json数组对象)
  15. 《转》微商48种加人方法
  16. Calibre发邮件至Kindle
  17. ddrelease64 黑苹果_有老哥会看黑苹果哆嗦模式问题出在哪里的吗？
  18. Gradle sync failed: No variants found for ':app'. Check build files to ensure at least one varian...
  19. Java攻略之API
  20. 第一章：电子商务的概述

热门文章

  1. python 格式化工具_推荐一个小而美的 Python 格式化工具
  2. python做视频特效_python实现超简单的视频对象提取功能
  3. MATLAB学习笔记（六）
  4. geany配置python3.8_Parrot security 4.10-amd64
  5. Mycat实现Mysql的一主一从和双主双从读写分离
  6. 【可观测之ELK】elk+logback+redis 搭建日志平台
  7. 原始的DSH深度哈希代码
  8. linux中split分割文件打开方式,Linux系统下使用split命令分割大文件 (转载)
  9. word上的花线是什么_微型断路器为什么叫空气开关，学问一大堆，该怎么接
  10. knn k的选取_经典算法（四）：KNN