文档章节

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

leiboo
 leiboo
发布于 2014/04/27 17:39
字数 280
阅读 3053
收藏 17

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

 


本文转载自:http://hi.baidu.com/ccircle/item/787cf20ff9238616addc700b

上一篇: maven打包方式
leiboo
粉丝 3
博文 6
码字总数 148
作品 0
西安
程序员
私信 提问
小米的抢购骗局+小米的抢购页面的源代码分析(三)工具类分析

小米的javascript除了数据部分,下面就只剩871行的javascript了。 下面分模块进行分析。首先从简单的工具类入手。 从616行到最后。一共253行。 小米由于采用了一个数组,存储所有的静态字符串...

Brin想写程序
2013/11/19
0
7
《JavaScript实用效果整理》系列分享专栏

整理一些使用的JavaScript效果,在Web开发中遇到的比较好的动态效果,都收藏在这里,对以后的网站开发增加不少的色彩 《JavaScript实用效果整理》已整理成PDF文档,点击可直接下载至本地查阅...

开元中国2015
2018/10/29
0
0
10 个jQuery/JavaScript的圣诞主题效果

圣诞节快到了,赶快为你的网站打扮一番,换上节日的盛装吧!本文为你整理了10款使用jQuery和 JavaScript打造的圣诞主题效果,希望能给你带来些许惊喜。(PS:经过小编测试,下面的部分效果仅...

开心303
2011/12/13
2.5K
8
jquery/js实现一个网页同时调用多个倒计时(最新的)

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/wuchengzeng/article/details/50037611 jquery/js实现一个网页同时调用多个倒计时(最新的) 最近需要网页添加多...

websites
2015/11/25
0
0
JavaScript 倒计时踩坑集锦

前阵子,项目中加了个倒计时的需求,接手的时候 啪啪啪三声,搞定,送测 某个彩笔开发:这波有bug我吃shi。 然后测试小姐姐反手就给了我几个 bug bug1: 你这东西不准啊,我看着几分钟,有好几...

哈利破特
2018/10/26
0
0

没有更多内容

加载失败,请刷新页面

加载更多

进程命令ps

命令ps 用途: 显示当前系统的进程状态 语法: ]# ps [选项] 常用选项: aux = 列出正在运行的所有进程; a 显示现行终端机下的所有程序,包括其他用户的程序 u 以用户为主...

迷失De挣扎
今天
3
0
聊聊spring cloud的CachingSpringLoadBalancerFactory

序 本文主要研究一下spring cloud的CachingSpringLoadBalancerFactory CachingSpringLoadBalancerFactory spring-cloud-openfeign-core-2.2.0.M1-sources.jar!/org/springframework/cloud/o......

go4it
昨天
4
0
一篇文章搞定——JDK8中新增的StampedLock

一、StampedLock类简介 StampedLock类,在JDK1.8时引入,是对读写锁ReentrantReadWriteLock的增强,该类提供了一些功能,优化了读锁、写锁的访问,同时使读写锁之间可以互相转换,更细粒度控...

须臾之余
昨天
4
0
Android Camera原理之CameraDeviceCallbacks回调模块

在讲解《Android Camera原理之openCamera模块(二)》一文的时候提到了CameraDeviceCallbacks回调,当时没有详细展开,本文我们详细展开讲解一下。 CameraDeviceCallbacks生成过程: 《Android...

天王盖地虎626
昨天
5
0
Python3正则表达式

在Python中使用正则表达式 Python语言通过标准库中的 re模块 (import re)支持正则表达式。 使用 match 方法匹配字符串 匹配字符串也就是设定一个文本模式,然后判断另外一个字符串是否符合这...

ZeroBit
昨天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部