时间倒计时代码

简单易用的倒计时js代码-站长素材*{margin:0;padding:0;list-style:none;}body{font-size:18px;text-align:center;}.time{height:30px;padding:200px;}          00天       00时       00分   

大家好,又见面了,我是你们的朋友全栈君。<!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>

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/126855.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 电商后台管理系统技术总结(黑马)[通俗易懂]

    电商后台管理系统技术总结(黑马)[通俗易懂]一. 项目介绍此项目主要是一个电商的后台管理系统,主要是由六个大的模块组成分别为开发过程中使用Vuecil4脚手架进行开发,然后主要通过elementUI美化项目结构,使用码云作为Git管理仓库,对应的API文档,采用express搭建的API服务,返回的数据是JSON格式的数据二.项目依赖Vue+VueRouter+Element-UI和Axios以及Echarts:三.各页面总结1.登录和退出(axios引入、拦截器、导航守卫)登录:获取用户表单信息,主要使

    2022年5月26日
    60
  • c++迭代器iterator遍历map_iterator迭代器原理

    c++迭代器iterator遍历map_iterator迭代器原理什么是迭代器迭代器是一种可以遍历容器元素的数据类型。迭代器是一个变量,相当于容器和操纵容器的算法之间的中介。C++更趋向于使用迭代器而不是数组下标操作,因为标准库为每一种标准容器(如vector、map和list等)定义了一种迭代器类型,而只有少数容器(如vector)支持数组下标操作访问容器元素。可以通过迭代器指向你想访问容器的元素地址,通过*x打印出元素值。这和我们所熟知的指针极其类似。C语言有指针,指针用起来十分灵活高效。C++语言有迭代器,迭代器相对于指针而言功能更为丰富。vector,是数

    2025年7月1日
    4
  • Exploring Message Brokers: RabbitMQ, Kafka, ActiveMQ, and Kestrel–reference

    Exploring Message Brokers: RabbitMQ, Kafka, ActiveMQ, and Kestrel–reference

    2021年9月2日
    53
  • 10个JS常见算法题目

    10个JS常见算法题目1、冒泡排序调优(从小到大排序)2、输出九九乘法表3、输出水仙花数4、1–10的阶乘和5、输出1900年至2100年中的所有闰年6、输出10–100之间的所有素数7、1,2,3,4四个数字,能组合成多少种互不相同且没有重复的三位数8、取出四位数中的各个位上的数字9、猴子吃桃问题10、用星号输出菱形。源码如下:js算法题目练习&…

    2022年6月29日
    51
  • Hadoop相关资源地址「建议收藏」

    Hadoop相关资源地址「建议收藏」Hadoop相关资源地址链接

    2022年5月11日
    44
  • javascript倒置再次被否定作用

    javascript倒置再次被否定作用

    2022年1月11日
    47

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号