简单易用的倒计时js代码


Posted in Javascript onAugust 04, 2014
<!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>
Javascript 相关文章推荐
MooTools 1.2介绍
Sep 14 Javascript
jquery 使用点滴函数代码
May 20 Javascript
图片在浏览器中底部对齐 解决方法之一
Nov 30 Javascript
jQuery实现表格行上移下移和置顶的方法
May 22 Javascript
Angularjs全局变量被作用域监听的正确姿势
Feb 06 Javascript
Node.js项目中调用JavaScript的EJS模板库的方法
Mar 11 Javascript
浅谈javascript的闭包
Jan 23 Javascript
Node.js使用NodeMailer发送邮件实例代码
Mar 06 Javascript
Vue axios全局拦截 get请求、post请求、配置请求的实例代码
Nov 28 Javascript
three.js实现圆柱体
Dec 30 Javascript
Typescript 中的 interface 和 type 到底有什么区别详解
Jun 18 Javascript
React组件设计模式之组合组件应用实例分析
Apr 29 Javascript
javascript中with()方法的语法格式及使用
Aug 04 #Javascript
深入分析escape()、encodeURI()、encodeURIComponent()的区别及示例
Aug 04 #Javascript
checkbox选中与未选中判断示例
Aug 04 #Javascript
Node.js插件的正确编写方式
Aug 03 #Javascript
基于jquery实现的可编辑下拉框实现代码
Aug 02 #Javascript
基于编写jQuery的无缝滚动插件
Aug 02 #Javascript
js使用removeChild方法动态删除div元素
Aug 01 #Javascript
You might like
php抓取页面与代码解析 推荐
2010/07/23 PHP
让iframe框架网页在任何浏览器下自动伸缩
2006/08/18 Javascript
使用Jquery打造最佳用户体验的登录页面的实现代码
2011/07/08 Javascript
理解JSON:3分钟课程
2011/10/28 Javascript
利用javaScript实现点击输入框弹出窗体选择信息
2013/12/11 Javascript
jquery淡化版banner异步图片文字效果切换图片特效
2014/04/08 Javascript
获取中文字符串的实际长度代码
2014/06/05 Javascript
九种原生js动画效果
2015/11/11 Javascript
详解JavaScript中常用的函数类型
2015/11/18 Javascript
jquery 重写 ajax提交并判断权限后 使用load方法报错解决方法
2016/01/19 Javascript
JavaScript操作 url 中 search 部分方法函数
2016/06/15 Javascript
网站申请不到支付宝接口、微信接口,免接口收款实现方式几种解决办法
2016/12/14 Javascript
JavaScript实现焦点进入文本框内关闭输入法的核心代码
2017/09/20 Javascript
js Dom实现换肤效果
2017/10/21 Javascript
vue组件间通信子与父详解(二)
2017/11/07 Javascript
从setTimeout看js函数执行过程
2017/12/19 Javascript
详解Angular5 服务端渲染实战
2018/01/04 Javascript
基于webpack4搭建的react项目框架的方法
2018/06/30 Javascript
JS实现canvas简单小画板功能
2020/06/23 Javascript
Vue单页面应用中实现Markdown渲染
2021/02/14 Vue.js
用Python制作简单的朴素基数估计器的教程
2015/04/01 Python
利用python批量检查网站的可用性
2016/09/09 Python
Python编程之字符串模板(Template)用法实例分析
2017/07/22 Python
python3实现随机数
2018/06/25 Python
python看某个模块的版本方法
2018/10/16 Python
Python关于__name__属性的含义和作用详解
2020/02/19 Python
python numpy生成等差数列、等比数列的实例
2020/02/25 Python
为有想象力的人提供的生活方式商店:Firebox
2018/06/04 全球购物
俄罗斯天然和有机产品、健康生活网上商店:Fitomarket.ru
2020/10/09 全球购物
酒店总经理欢迎词
2014/01/15 职场文书
党员组织生活会发言材料
2014/10/17 职场文书
2015年师德师风承诺书
2015/01/22 职场文书
2015年酒店前台工作总结
2015/04/20 职场文书
幼儿园教师管理制度
2015/08/05 职场文书
机械生产实习心得体会
2016/01/22 职场文书
Java实现斗地主之洗牌发牌
2021/06/14 Java/Android