倒计时显示

Posted 2020-07-04 付吉龙

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了倒计时显示相关的知识，希望对你有一定的参考价值。

<script type="text/javascript">
   var timer = window.setInterval("Timer()",1000);//启用定时倒计
   var secs = 5;
   function Timer() {
      secs--;
      document.getElementById("btnShow").innerhtml = "倒计时：[" + secs + "]";
      if(secs == 0){
          window.clearInterval(timer);//清楚定时任务
          window.location.href="地址";
      }
    }
</script>

　　实例

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>X-Open</title>
<link type="text/css" rel="stylesheet"
    href="static/css/bootstrap.min.css">
<script type="text/javascript" src="static/js/jquery.min.js"></script>
<script type="text/javascript" src="static/js/bootstrap.min.js"></script>
</head>
<body style="margin: 0px;">
    <%@ include file="/WEB-INF/jsps/header.jsp"%>
    <!-- 内容部分 -->
    <div class="container">
        <div class="row">
            <div class="col col-md-12" style="text-align: center;">你注册成功啦<br>
            现在可以去<a href="<c:url value=‘/login.html‘/>">登陆啦</a>
            <br>
            <label id="lable"></label>
            </div>
        </div>
    </div>
</body>
<!-- 倒计时脚本 -->
<script type="text/javascript">
   var timer = window.setInterval("Timer()",1000);//启用定时倒计
   var secs = 5;
   function Timer() {
      secs--;
      document.getElementById("lable").innerHTML = secs+"秒以后自动跳转到登陆页面";
      if(secs == 0){
          window.clearInterval(timer);//清除定时任务
          window.location.href="<c:url value=‘/login.html‘/>";
      }
    }
</script>
</html>

以上是关于倒计时显示的主要内容，如果未能解决你的问题，请参考以下文章

JUC并发编程共享模式之工具 JUC CountdownLatch（倒计时锁） -- CountdownLatch应用（等待多个线程准备完毕（可以覆盖上次的打印内）等待多个远程调用结束）(代码片段

自动刷新android片段，直到满足条件

高分求一段 PHP 实时显示倒计时代码

帮忙改下JS代码，如何在一个页面显示多个倒计时。。。

如何实现React原生倒计时圈

JS 5秒倒计时的代码怎么写？时间要实时显示在屏幕上的。