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

最新推荐文章于 2024-01-19 17:54:32 发布

weixin_34212762

最新推荐文章于 2024-01-19 17:54:32 发布

阅读量2.2k

点赞数

文章标签： javascript python xhtml ViewUI

原文链接：https://my.oschina.net/rabondai/blog/227269

版权

2019独角兽企业重金招聘Python工程师标准>>>

JS倒计时10秒实现功能

实例代码一：

                  <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 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">
                  
                  </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>