简单易用的倒计时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 相关文章推荐
用jQuery模拟页面加载进度条的实现代码
Dec 19 Javascript
js有关元素内容操作小结
Dec 20 Javascript
jQuery复制表单元素附源码分享效果演示
Sep 30 Javascript
javascript中的作用域和闭包详解
Jan 13 Javascript
谈一谈jQuery核心架构设计
Mar 28 Javascript
jQuery实现的placeholder效果完整实例
Aug 02 Javascript
简单易懂的天气插件(代码分享)
Feb 04 Javascript
Angular2的管道Pipe的使用方法
Nov 07 Javascript
Vue框架TypeScript装饰器使用指南小结
Feb 18 Javascript
前端开发之便利店收银系统代码
Dec 27 Javascript
js实现html滑动图片拼图验证
Jun 24 Javascript
解决vue项目运行提示Warnings while compiling.警告的问题
Sep 18 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
攻克CakePHP系列一 连接MySQL数据库
2008/10/22 PHP
php数字游戏 计算24算法
2012/06/10 PHP
php unset全局变量运用问题的深入解析
2013/06/17 PHP
PHP函数http_build_query使用详解
2014/08/20 PHP
PHP file_get_contents函数读取远程数据超时的解决方法
2015/05/13 PHP
php-redis中的sort排序函数总结
2015/07/08 PHP
PHP多文件上传实例
2015/07/09 PHP
PHP内存使用情况如何获取
2015/10/10 PHP
使用WordPress发送电子邮件的相关PHP函数用法解析
2015/12/15 PHP
PHP中关键字interface和implements详解
2017/06/14 PHP
js截取函数(indexOf,join等)
2010/09/01 Javascript
js中window.open()的所有参数详细解析
2014/01/09 Javascript
JS往数组中添加项性能分析
2015/02/25 Javascript
JavaScript的RequireJS库入门指南
2015/07/01 Javascript
js 中获取制定的cook信息实现方法
2016/11/19 Javascript
jQuery中table数据的值拷贝和拆分
2017/03/19 Javascript
利用Vue v-model实现一个自定义的表单组件
2017/04/27 Javascript
vue webuploader 文件上传组件开发
2017/09/23 Javascript
Angular中管道操作符(|)的使用方法
2017/12/15 Javascript
微信小程序网络请求封装示例
2018/07/24 Javascript
vue 实现在函数中触发路由跳转的示例
2018/09/01 Javascript
30分钟快速实现小程序语音识别功能
2018/11/27 Javascript
Angular中innerHTML标签的样式不起作用的原因解析
2019/06/18 Javascript
使用python在校内发人人网状态(人人网看状态)
2014/02/19 Python
python通过线程实现定时器timer的方法
2015/03/16 Python
Win10下Python环境搭建与配置教程
2016/11/18 Python
Python基于pyCUDA实现GPU加速并行计算功能入门教程
2018/06/19 Python
python flask 如何修改默认端口号的方法步骤
2019/07/12 Python
python sqlite的Row对象操作示例
2019/09/11 Python
python根据时间获取周数代码实例
2019/09/30 Python
python selenium xpath定位操作
2020/09/01 Python
行政管理人员精品工作推荐信
2013/11/04 职场文书
物流毕业生个人的自我评价
2014/02/13 职场文书
2014年消防工作实施方案
2014/02/20 职场文书
庆祝教师节标语
2014/10/09 职场文书
2014年电信员工工作总结
2014/12/19 职场文书