当前位置：首页 > 编程笔记 >

简单易用的倒计时js代码

司寇阳朔

2023-03-14

本文向大家介绍简单易用的倒计时js代码，包括了简单易用的倒计时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简单倒计时实现代码，包括了js简单倒计时实现代码的使用技巧和注意事项，需要的朋友参考一下本文实例讲述了js简单倒计时实现代码。分享给大家供大家参考，具体如下：更多关于JavaScript相关内容可查看本站专题：《JavaScript时间与日期操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技
iOS中实现简单易懂秒杀倒计时／倒计时代码

本文向大家介绍iOS中实现简单易懂秒杀倒计时／倒计时代码，包括了iOS中实现简单易懂秒杀倒计时／倒计时代码的使用技巧和注意事项，需要的朋友参考一下示例代码简单易懂：以上所述是小编给大家介绍的iOS中实现简单易懂秒杀倒计时／倒计时代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对呐喊教程网站的支持！
详解JS实现简单的时分秒倒计时代码

本文向大家介绍详解JS实现简单的时分秒倒计时代码，包括了详解JS实现简单的时分秒倒计时代码的使用技巧和注意事项，需要的朋友参考一下本文实例为大家分享了JS时分秒倒计时的实现的具体代码，供大家参考，具体内容如下代码总结： Math.floor：返回小于等于参数的最大整数 setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式以上所述是小编给大家介绍的JS时分秒倒计时的实现详解整
简单实现js倒计时功能

本文向大家介绍简单实现js倒计时功能，包括了简单实现js倒计时功能的使用技巧和注意事项，需要的朋友参考一下本文实例为大家分享了js倒计时的具体代码，主要使用了JS的Date对象和定时器setInterval，供大家参考，具体内容如下更多关于倒计时的文章请查看专题：《倒计时功能》更多JavaScript时钟特效点击查看：JavaScript时钟特效专题以上就是本文的全部内容，希望对大家的学习
js倒计时简单实现方法

本文向大家介绍js倒计时简单实现方法，包括了js倒计时简单实现方法的使用技巧和注意事项，需要的朋友参考一下本文实例讲述了js倒计时简单实现方法的代码，分享给大家供大家参考，具体如下：如果想显示倒计时效果,可以使用如下代码调用: jquery插件形式: 希望本文所述对大家JavaScript程序设计有所帮助。
JS倒计时代码汇总

本文向大家介绍JS倒计时代码汇总，包括了JS倒计时代码汇总的使用技巧和注意事项，需要的朋友参考一下本文实例总结了常见的JS倒计时代码。分享给大家供大家参考。具体汇总如下：第一种：精确到秒的javascript倒计时代码 HTML代码: 第二种：某某运动会 HTML代码: 第三种：小时倒计时 HTML代码: 第四种：最简倒计时 HTML代码: 第五种：最简倒计时二 HTML

相关阅读

js倒计时简单实现方法 JS倒计时代码汇总简易的JS计算器实现代码最简单的JavaScript倒数计时器？js实现倒计时关键代码

相关文章

2.6.4 DrawerLayout(官方侧滑菜单)的简单使用教你使用Python打造一款摸鱼倒计界面网易设计二面面经网易 UI设计师面经简单大方的简历自我介绍

相关问答

倒计时问题Android 从日期倒计时 Android：简单的时间计数器 React JS中的简单表单使用倒计时计算两次之间的月数

相关工具

倒计时极简版简易计算器简单易用的Google地图导航简易钢琴简易记事本

相关文档

Selenium Webdriver 简易教程 Android 实战简易教程 Markdown 简单的世界 Django 搭建简易博客教程上云如此简单