一个例子

原创 2016年08月31日 15:38:22
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>zhizuo </title>

</head>
<body>
    <h2>操作成功</h2>
    <span id="time">5</span>
    <span>秒之后跳转到慕课网</span>
    <a href="#" id="back" title="返回慕课网">返回</a>  <!-- 方法一添加鼠标点击事件 -->
  <!--<a href="javascript:back()" id="back" title="返回慕课网">返回</a>  方法二-->
  <script type="text/javascript">
   var num=document.getElementById("time").innerHTML;   //要获取时间,得在秒数后面添加js代码,要不然num取不到值
  function dess(){                                         //num获取秒数
    num--;
    document.getElementById("time").innerHTML = num;      //秒数减少
    if(num==0){
     location.assign("http://www.imooc.com/");
    }
  }
  var i= setInterval("dess()",1000);
  var back =document.getElementById("back");   /*方法一添加鼠标点击事件*/
  back.onclick = function(){
    window.history.back();
  }
 /*function back(){      方法二添加js函数
  window.history.back();
 }*/
  </script>
</body>
</html>

我更习惯在代码里添加注释,这样日后再拿起来看就更方便。
要点一:
5 4 3 2 1 秒数的设置涉及到setInterval (function(){},毫秒数);函数,每过一秒就执行一个函数,这个函数让里面的数字减一,直到为0,这个函数就是dess();函数。
坑点:一开始我把写在了标签的上面,由于语句是按行读取的,在js中的var num=document.getElementById("time").innerHTML;
就取不到值,报错是

9999.html:7 Uncaught TypeError: Cannot read property ‘innerHTML’ of null

所以Js代码不是想写哪里就写哪里。
要点二:
在返回的那里我用了两种方法,一是不给herf,添加鼠标点击事件,二是给href添加一个函数javascript:back();实际上去掉javascript前缀也是一样,它只是一个标志。

版权声明:本文为博主原创文章,未经博主允许不得转载。

go语言程序设计中的一个例子 加注释

// Copyright 漏 2010-12 Qtrac Ltd. // // This program or package and any associated files are license...
  • zistxym
  • zistxym
  • 2013年08月15日 10:57
  • 2849

spring webflow的一个例子

  • 2017年01月15日 20:00
  • 4.94MB
  • 下载

struts2的配置和一个简单的例子

简介这篇文章主要讲如何在eclipse中使用struts2,文章使用的struts2的版本是2.5.2,会与其他的版本有一小点的差别,文章里已经说明。例子的完整源码在文末,亲测没有任何错误。strut...

多线程的另一个例子

  • 2017年08月09日 19:01
  • 11KB
  • 下载

--总结加一个完整的可运行的Thrift例子

 (八)--总结加一个完整的可运行的Thrift例子 前面七篇文章分析了Thrfit的方方面面,看到这里时应该对Thrift有了深入的理解。 Thrift源码分析(一)-...

ibatis的一个小例子

  • 2015年05月11日 12:40
  • 1008KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:一个例子
举报原因:
原因补充:

(最多只允许输入30个字)