qq_34571911 2021-06-18 15:31 采纳率: 80%
浏览 35
已采纳

怎么加一个倒计时 （从6秒倒计时到1秒关闭的数字）

这个代码会在6秒后隐藏DIV ,怎么加一个倒计时 （从6秒倒计时到1秒关闭的数字）

    <html> 
    <head> 
    <style> 
    .tab{ 
        border:1px solid  #f00; 
        width:400px; 
        height:400px; 
        background:#360; 
        margin:auto; 
        padding:0px; 
        overflow:hidden; 
        position:relative; 
        left:0px; 
        top:0px 
    } 
    </style> 
    <script> 
    H=400; 
    W=400; 
    id='timing_hidden' 
    function show_con(){ 
    var obj_nav=document.getElementById(id) 
    var n=20,t=50; 
    var timers=new Array(n); 
        for(var i=0;i<n;i++){( 
         function(){ 
          if(timers[i]) clearTimeout(timers[i]); 
          var j=i; 
          timers[i]=setTimeout(function(){ 
           obj_nav.style.display="none"; 
      
           },(i+1)*t); 
         } 
        )()}; 
    } 
    setTimeout("show_con()",6000); 
    </script> 
    </head> 
     
    <body> 
    <div id='timing_hidden' class='tab'> 
        提示：6秒钟后这个层自动隐藏，可自定义时间。 
    </div> 
    </body> 
    </html>
  • 写回答

1条回答 默认 最新

  • 风雪一更 2021-06-18 15:39
    关注
    <!DOCTYPE html>
<html> 
    <head> 
    <style> 
    .tab{ 
        border:1px solid  #f00; 
        width:400px; 
        height:400px; 
        background:#360; 
        margin:auto; 
        padding:0px; 
        overflow:hidden; 
        position:relative; 
        left:0px; 
        top:0px 
    } 
	#time{
		font-size: 200px;
		font-weight: bold;
		color: red;
		text-align: center;
		padding-top: 20px;
	}
    </style> 
    <script> 
    H=400; 
    W=400; 
    id='timing_hidden' 
    function show_con(){ 
    var obj_nav=document.getElementById(id) 
    var n=20,t=50; 
    var timers=new Array(n); 
        for(var i=0;i<n;i++){( 
         function(){ 
          if(timers[i]) clearTimeout(timers[i]); 
          var j=i; 
          timers[i]=setTimeout(function(){ 
           obj_nav.style.display="none"; 
      
           },(i+1)*t); 
         } 
        )()}; 
    } 
    setTimeout("show_con()",6000); 
	var a = 5;
	var timerr = setInterval(function () {
		if (a>0) {
			document.getElementById("time").innerHTML = a;
			a--;
		}else{
			clearInterval(timerr);
		}
	},1000)
    </script> 
    </head> 
     
    <body> 
    <div id='timing_hidden' class='tab'> 
        提示：6秒钟后这个层自动隐藏，可自定义时间。 
		<div id="time">6</div>
    </div> 
    </body> 
    </html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

悬赏问题

  • ¥15 华为ensp模拟器中S5700交换机在配置过程中老是反复重启
  • ¥15 uniapp uview http 如何实现统一的请求异常信息提示？
  • ¥15 有了解d3和topogram.js库的吗？有偿请教
  • ¥100 任意维数的K均值聚类
  • ¥15 stamps做sbas-insar，时序沉降图怎么画
  • ¥15 买了个传感器，根据商家发的代码和步骤使用但是代码报错了不会改，有没有人可以看看
  • ¥15 关于#Java#的问题，如何解决？
  • ¥15 加热介质是液体，换热器壳侧导热系数和总的导热系数怎么算
  • ¥100 嵌入式系统基于PIC16F882和热敏电阻的数字温度计
  • ¥20 BAPI_PR_CHANGE how to add account assignment information for service line