简单易用的倒计时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 相关文章推荐
利用js 进行输入框自动匹配字符的小例子
Jun 29 Javascript
深入分析jsonp协议原理
Sep 26 Javascript
vue2.0+webpack环境的构造过程
Nov 08 Javascript
js 数字、字符串、布尔值的转换方法(必看)
Apr 07 Javascript
Angular 4依赖注入学习教程之ClassProvider的使用(三)
Jun 04 Javascript
原生JS+Canvas实现五子棋游戏
May 28 Javascript
vue实现路由切换改变title功能
May 28 Javascript
nuxt踩坑之Vuex状态树的模块方式使用详解
Sep 06 Javascript
使用Vue-cli3.0创建的项目 如何发布npm包
Oct 10 Javascript
vue.js实现只能输入数字的输入框
Oct 19 Javascript
vue2.x 通过后端接口代理,获取qq音乐api的数据示例
Oct 30 Javascript
JS实现动态无缝轮播
Jan 11 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做的端口嗅探器--可以指定网站和端口
2006/10/09 PHP
迅速确定php多维数组的深度的方法
2014/01/07 PHP
PHP类继承 extends使用介绍
2014/01/14 PHP
php连接mysql数据库最简单的实现方法
2019/09/24 PHP
jQuery学习笔记 操作jQuery对象 文档处理
2012/09/19 Javascript
JavaScript的漂亮的代码片段
2013/06/05 Javascript
JS实现简单的键盘打字的效果
2015/04/24 Javascript
JavaScript的Ext JS框架中的GridPanel组件使用指南
2016/05/21 Javascript
jQuery 插件实现随机自由弹跳气泡样式
2017/01/12 Javascript
JS实现简易刻度时钟示例代码
2017/03/11 Javascript
Node+Express+MongoDB实现登录注册功能实例
2017/04/23 Javascript
vue.js国际化 vue-i18n插件的使用详解
2017/07/07 Javascript
在React中如何优雅的处理事件响应详解
2017/07/24 Javascript
微信网页登录逻辑与实现方法
2019/04/29 Javascript
js纯前端实现腾讯cos文件上传功能的示例代码
2019/05/14 Javascript
使用Vue实现移动端左滑删除效果附源码
2019/05/16 Javascript
vue更改数组中的值实例代码详解
2020/02/07 Javascript
Python处理XML格式数据的方法详解
2017/03/21 Python
用Python写王者荣耀刷金币脚本
2017/12/21 Python
python用户管理系统的实例讲解
2017/12/23 Python
Python搭建FTP服务器的方法示例
2018/01/19 Python
Flask实现图片的上传、下载及展示示例代码
2018/08/03 Python
Python中正则表达式的用法总结
2019/02/22 Python
Python 处理文件的几种方式
2019/08/23 Python
softmax及python实现过程解析
2019/09/30 Python
tensorflow2.0的函数签名与图结构(推荐)
2020/04/28 Python
python安装后的目录在哪里
2020/06/21 Python
实现strstr功能,即在父串中寻找子串首次出现的位置
2016/08/05 面试题
酒店门卫岗位职责
2013/12/29 职场文书
创建绿色社区汇报材料
2014/08/22 职场文书
酒会邀请函
2015/01/31 职场文书
神农溪导游词
2015/02/11 职场文书
贪污检举信范文
2015/03/02 职场文书
大学升旗仪式主持词
2015/07/04 职场文书
《青山不老》教学反思
2016/02/22 职场文书
Python正则表达式中flags参数的实例详解
2022/04/01 Python