Chinaunix首页 | 论坛 | 博客

纸上得来终觉浅

首页　| 　博文目录　| 　关于我

水中残月

  • 博客访问： 157438
  • 博文数量： 42
  • 博客积分： 0
  • 博客等级： 民兵
  • 技术积分： 399
  • 用 户 组： 普通用户
  • 注册时间： 2015-09-23 11:47
个人简介

程序猿啊程序猿

文章分类

全部博文（42）

文章存档

2016年（28）

2015年（14）

我的朋友
最近访客
推荐博文
JS实现页面显示倒计时跳转

分类： JavaScript

2016-01-21 11:28:17


点击(此处)折叠或打开

  1. <html lang="zh-ch">
  2. <head>
  3.     <meta charset="UTF-8">
  4.     <title>new</title>
  5. </head>
  6.     <script type="text/javascript">
  7.      function url(page){
  8.          var x=document.getElementById("tiao").innerHTML;//取得该ID下的元素内容
  9.          if(x>0){
  10.              x--;
  11.              document.getElementById('tiao').innerHTML=x;//改变元素内容
  12.          }
  13.          else{
  14.              window.location=page;//满足条件时实现跳转页面
  15.          }
  16.          setTimeout("url('"+page+"')",1000);//设置定时器，每隔1s执行一次函数
  17.      }
  18.     </script>
  19. <body>
  20.     页面将在<span id="tiao">10</span>秒后跳转... <a href="random.html">点击这里直接进入</a>
  21.     <script type="text/javascript">//因为JS和HTML都是逐句执行的，所以这段脚本要放在最后面
  22.     url("random.html")
  23.     </script>
  24. </body>
  25. </html>

阅读(1386) | 评论(0) | 转发(0) |
1

上一篇：HTML5 基础Canvas操作

下一篇：Jquery实现文字跟随鼠标移动

给主人留下些什么吧！~~
关于我们 | 关于IT168 | 联系方式 | 广告合作 | 法律声明 | 免费注册

Copyright 2001-2010 ChinaUnix.net All Rights Reserved 北京皓辰网域网络信息技术有限公司. 版权所有

感谢所有关心和支持过ChinaUnix的朋友们

16024965号-6