简单易用的倒计时js代码

 更新时间:2014年08月04日 09:11:38   投稿:whsnow   我要评论
倒计时js代码想必大家都有用过,大同小异,本例为大家介绍的是简单易用的,需要的朋友可以参考下
<!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> 

相关文章

  • JS删除数组元素的函数介绍

    JS删除数组元素的函数介绍

    有时候我们需要数组元素的值,那么就可以参考下面的方法,文中提到了不少这方面的资料,数组去重功能等
    2013-03-03
  • JS实现多张图片预览同步上传功能

    JS实现多张图片预览同步上传功能

    这篇文章主要介绍了JS实现多张图片预览同步上传功能的相关资料,需要的朋友可以参考下
    2017-06-06
  • 21个值得收藏的Javascript技巧

    21个值得收藏的Javascript技巧

    在本文中列出了21个值得收藏的Javascript技巧,在实际工作中,如果能适当运用,则大大提高工作效率
    2014-02-02
  • Js浏览器全屏代码(模仿按F11)

    Js浏览器全屏代码(模仿按F11)

    Js浏览器全屏代码(模仿按F11),需要的朋友可以参考下。
    2011-01-01
  • 小程序实现左滑删除效果

    小程序实现左滑删除效果

    这篇文章主要为大家详细介绍了小程序实现左滑删除效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-07-07
  • JS控制CSS样式的方法

    JS控制CSS样式的方法

    JS控制CSS样式的方法...
    2007-10-10
  • file模式访问网页时iframe高度自适应解决方案

    file模式访问网页时iframe高度自适应解决方案

    最近做到iframe的高度自适应这个问题;发现自己做的网页是通过file方式访问的,将网页代码放到apache下通过http协议访问,在iframe加载的时候调用如下js方法:果然网页高度能够自适应(对于其他方案应该也有效果,我没有注意去尝试)感兴趣的朋友可以了解下
    2013-01-01
  • js 单引号 传递方法

    js 单引号 传递方法

    当从bean中取出的值是单引号时,加载页面就会报js错。可以使用下面的方法解决。
    2009-06-06
  • JavaScript和TypeScript中的void的具体使用

    JavaScript和TypeScript中的void的具体使用

    这篇文章主要介绍了JavaScript和TypeScript中的void的具体使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-09-09
  • 基于js实现抽红包并分配代码实例

    基于js实现抽红包并分配代码实例

    这篇文章主要介绍了基于js实现抽红包并分配代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-09-09

最新评论