js 倒计时多少秒后跳转页面的实例代码

1、js代码如下：
 

<script type="text/javascript" language="javascript">
/**
 * js 倒计时功能 跳转页面
*/
  var target=[]
  var time_id=[]
  /*
    原理:每次和当前时间比较,得到天、小时、分、秒
  */
  function show_date_time_0()
  {
   setTimeout("show_date_time_0()", 1000);
   for (var i=0,j=target.length;i<j;i++)
   {
    today=new Date();   
    //计算目标时间与当前时间间隔(毫秒数)
    var timeold=target[i]-today.getTime(); 
    //getTime 方法返回一个整数值，代表了从 1970 年 1 月 1 日开始计算到 Date 对象时间之间的毫秒数。
      
    //计算目标时间与当前时间的秒数
    var sectimeold=timeold/1000;
      
    //计算目标时间与当前时间的秒数(整数)
    var secondsold=Math.floor(sectimeold);
      
    //计算一天的秒数
    var  msPerDay=24*60*60*1000;
     
    //得到剩余天数
    var e_daysold=timeold/msPerDay;
     //得到剩余天数(整数)
    var daysold=Math.floor(e_daysold);
      
    //得到剩余天数以外的小时数
    var e_hrsold=(e_daysold-daysold)*24;
     //得到剩余天数以外的小时数(整数)
    var hrsold=Math.floor(e_hrsold);
      
    //得到尾剩余分数
    var e_minsold=(e_hrsold-hrsold)*60;
    //得到尾剩余分数(整数)
    minsold=Math.floor((e_hrsold-hrsold)*60);
      
    //得到尾剩余秒数(整数)
    seconds=Math.floor((e_minsold-minsold)*60);
    if (daysold<0)
    {
     document.getElementById(time_id[i]).innerHTML="逾期,倒计时已经失效";
    } 
    else
    {
     //天数取三位,不足时前边补0
     if (daysold<10) { daysold="0"+daysold }
     //天数取三位,不足时前边补0
     if (daysold<100) { daysold="0"+daysold }
       
     //小时取两位,不足补0
     if (hrsold<10) { hrsold="0"+hrsold }
     //分数取两位,不足补0
     if (minsold<10) {minsold="0"+minsold}
     //秒数取两位,不足补0
     if (seconds<10) {seconds="0"+seconds}
       
     //小于三天时,字体为红色
     if (daysold<3) {
      document.getElementById(time_id[i]).innerHTML="<font color=red>"+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒</font& gt;";
     } 
     else
     {
      document.getElementById(time_id[i]).innerHTML=daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒";
     }
    }
    
   }
  }
  setTimeout("show_date_time_0()", 100);
 </script>

2、调用示例：
1）、时间1 2020-08-08 04:04:00
 

2）、时间2   2020-08-08 08:08:08：
 

 3）、时间3   2099-08-08 08:08:08：
 

您可能感兴趣的文章：
js 控制页面跳转的五种方法
js 下拉菜单点击链接跳转的代码
js实现页面跳转的代码
select下拉列表框中超链接跳转
select下拉列表菜单中超链接跳转
js实现用户登录自动跳转
焦点自动跳转的js代码
js页面跳转 option location页面跳转
js页面跳转方式 js页面跳转