Javascript 实现倒计时(10秒)自动关闭网页

时间  2019-11-06
标签 javascript 实现 倒计时 10秒 自动 关闭 网页 栏目 JavaScript 繁體版
原文   原文链接

JS倒计时10秒 实现功能javascript

实例代码一：css

                  <html>
                  <title>倒计时关闭网页</title>
                  <head>
                  <script language="javascript">
                  var cTime=10;//这个变量是倒计时的秒数设置为10就是10秒
                  function TimeClose()
                  {
                       window.setTimeout('TimeClose()',1000);//让程序每秒重复执行当前函数。
                       if(cTime<=0)//判断秒数若是为0
                         CloseWindow_Click();//执行关闭网页的操做
                       this.ShowTime.innerHTML="倒计时"+cTime+"秒后关闭当前窗口";//显示倒计时时间
                       cTime--;//减小秒数
                  }
                  function CloseWindow_Click()
                  {
                       window.close();
                  }
                  </script>
                  </head>
                  <body onLoad="TimeClose();">
                         <div id="ShowTime">倒计时10秒后关闭当前窗口</div>
                         <input type="button" name="CloseWindow" 
                  onClick="CloseWindow_Click();" value="当即关闭当前网页">
                  </body>
                  </html>html

 

实例代码二：java

                  <html xmlns="http://www.w3.org/1999/xhtml">
                  <head>
                  <meta http-equiv="Content-Type" content="text/html; 
                  charset=gb2312" />
                  <title>用户管理中心</title>
                  <link href="Include/Style.Css" rel="stylesheet" 
                  type="text/css" />
                  <title>请稍等...</title>
                  <script language="javascript">
                  <!--
                  var WaitTime = 10; //等待的时间，单位秒
                  function WaitDo(){
                         if(WaitTime > 0){
                             putOutMsg.innerHTML = "本页面将在"+ WaitTime +"秒钟后自动关闭";
                             WaitTime --;
                             setTimeout("WaitDo()",1000);
                         }
                         else
                         {
                             window.close();
                         }
                  }
                  //-->
                  </script>
                  <style type="text/css">
                  span,font{font-size:16px; font-weight:bold;}
                  </style>
                  </head>
                  <body onLoad="WaitDo();" style="margin:20px;">
                  <span id="putOutMsg" class="OpenFont"></span>
                  </body>
                  </html>函数

相关文章
相关标签/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公众号
   欢迎关注本站公众号,获取更多信息
联系我们 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程