首页 > web前端 > js教程 > 简单易用的倒计时js代码_javascript技巧

简单易用的倒计时js代码_javascript技巧

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
发布: 2016-05-16 16:40:20
原创
1335 人浏览过

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>简单易用的倒计时js代码</title>

<style>

*{ margin:0; padding:0; list-style:none;}

body{ font-size:18px; text-align:center;}

.time{ height:30px; padding:200px;}

</style>

</head>

<body>

  <div class="time">

    <span id="t_d">00天</span>

    <span id="t_h">00时</span>

    <span id="t_m">00分</span>

    <span id="t_s">00秒</span>

  </div>

<script>

  function GetRTime(){

    var EndTime= new Date('2014/09/20 00:00:00');

    var NowTime = new Date();

    var t =EndTime.getTime() - NowTime.getTime();

    var d=0;

    var h=0;

    var m=0;

    var s=0;

    if(t>=0){

      d=Math.floor(t/1000/60/60/24);

      h=Math.floor(t/1000/60/60%24);

      m=Math.floor(t/1000/60%60);

      s=Math.floor(t/1000%60);

    }

 

 

    document.getElementById("t_d").innerHTML = d + "天";

    document.getElementById("t_h").innerHTML = h + "时";

    document.getElementById("t_m").innerHTML = m + "分";

    document.getElementById("t_s").innerHTML = s + "秒";

  }

  setInterval(GetRTime,0);

</script>

 

</body>

</html>

登录后复制
相关标签:
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板