简单易用的倒计时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 相关文章推荐
javaScript Array(数组)相关方法简述
Jul 25 Javascript
javascript下高性能字符串连接StringBuffer类
Aug 16 Javascript
微信小程序(应用号)简单实例应用及实例详解
Sep 26 Javascript
微信小程序-小说阅读小程序实例(demo)
Jan 12 Javascript
基于jQuery实现图片推拉门动画效果的两种方法
Aug 26 jQuery
基于Cookie常用操作以及属性介绍
Sep 07 Javascript
JS设计模式之单例模式(一)
Sep 29 Javascript
详解webpack性能优化——DLL
Oct 20 Javascript
从零到一详聊创建Vue工程及遇到的常见问题
Apr 25 Javascript
javascript的delete运算符知识点总结
Nov 19 Javascript
vue a标签点击实现赋值方式
Sep 07 Javascript
JavaScript位置参数实现原理及过程解析
Sep 14 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 需要掌握的东西 不做浮躁的人
2009/12/28 PHP
php中使用Akismet防止垃圾评论的代码
2011/06/10 PHP
如何用php生成扭曲及旋转的验证码图片
2013/06/07 PHP
FleaPHP框架数据库查询条件($conditions)写法总结
2016/03/19 PHP
PHP调用API接口实现天气查询功能的示例
2017/09/21 PHP
Laravel框架Request、Response及Session操作示例
2019/05/06 PHP
Mootools 1.2教程 事件处理
2009/09/15 Javascript
jQuery创建自己的插件(自定义插件)的方法
2010/06/10 Javascript
jQuery Clone Bug解决代码
2010/12/22 Javascript
javascript 事件处理示例分享
2014/12/31 Javascript
JavaScript监听文本框回车事件并过滤文本框空格的方法
2015/04/16 Javascript
解决angular的post请求后SpringMVC后台接收不到参数值问题的方法
2015/12/10 Javascript
Jquery组件easyUi实现表单验证示例
2016/08/23 Javascript
vue.js中$watch的用法示例
2016/10/04 Javascript
jquery中用jsonp实现搜索框功能
2016/10/18 Javascript
前端 Vue.js 和 MVVM 详细介绍
2016/12/29 Javascript
Javascript中for循环语句的几种写法总结对比
2017/01/23 Javascript
vue实现商品加减计算总价的实例代码
2018/08/12 Javascript
脚手架vue-cli工程webpack的基本用法详解
2018/09/29 Javascript
element el-input directive数字进行控制
2018/10/11 Javascript
微信小程序聊天功能的示例代码
2020/01/13 Javascript
react使用antd表单赋值,用于修改弹框的操作
2020/10/29 Javascript
Python的re模块正则表达式操作
2016/05/25 Python
python traceback捕获并打印异常的方法
2018/08/31 Python
如何安装并使用conda指令管理python环境
2019/07/10 Python
django的ORM操作 增加和查询
2019/07/26 Python
python代码能做成软件吗
2020/07/24 Python
删除pycharm鼠标右键快捷键打开项目的操作
2021/01/16 Python
使paramiko库执行命令时在给定的时间强制退出功能的实现
2021/03/03 Python
利用CSS3实现的文字定时向上滚动
2016/08/29 HTML / CSS
北京-环亚运商测试题.net程序员初步测试题
2013/05/28 面试题
教师专业理论水平的自我评价分享
2013/11/09 职场文书
群众路线对照检查材料思想汇报怎么写
2014/09/18 职场文书
2015年感恩父亲节活动策划方案
2015/05/05 职场文书
煤矿安全生产管理协议书
2016/03/22 职场文书
2016年全国爱牙日宣传活动总结
2016/04/05 职场文书