时间倒计时代码

简单易用的倒计时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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 8个最高效的Python爬虫框架,你用过几个?

    8个最高效的Python爬虫框架,你用过几个?小编收集了一些较为高效的Python爬虫框架。分享给大家。1.ScrapyScrapy是一个为了爬取网站数据,提取结构性数据而编写的应用框架。可以应用在包括数据挖掘,信息处理或存储历史数据等一系列的程序中。。用这个框架可以轻松爬下来如亚马逊商品信息之类的数据。项目地址:https://scrapy.org/2.PySpiderpyspider是一个用python实…

    2022年6月14日
    50
  • MySQL常用SQL语句大全

    MySQL常用SQL语句大全MySQL数据库是一个十分轻便的数据库管理系统,相比大型的数据库管理系统如Oracle、MS-SQL,MySQL更拥有轻便、灵活、开发速度快的特色,更适用于中小型数据的存储与架构。MySQL之所以能够被数以万计的网站采用,也是由此而来。

    2022年6月13日
    42
  • 2014——我的求职(三)

    2014——我的求职(三)

    2022年1月9日
    30
  • 小米6解BL锁教程申请BootLoader解锁教程

    小米6解BL锁教程申请BootLoader解锁教程*小米6线刷兼救砖_解账户锁_纯净刷机包_教程*远程解锁一、准备工作1、注册小米账号:点击注册(已有小米账号请忽视)2、在手机中登陆【小米账号】3、下载并解压【小米解锁工具】或点击这里下载安装二、开始解锁1打开【小米解锁官网】:http://www.miui.com/unlock/,点击【立即解锁】,输入【小米账号】,点击【立即登录】,填写好上诉信息后,…

    2022年5月23日
    108
  • Windows线程漫谈界面线程和工作者线程

    每个系统都有线程,而线程的最重要的作用就是并行处理,提高软件的并发率。针对界面来说,还能提高界面的响应力。线程分为界面线程和工作者线程,界面实际就是一个线程画出来的东西,这个线程维护一个“消息队列”

    2021年12月25日
    42
  • redux-saga_pub culture

    redux-saga_pub culture本文用以记录从调研ReduxSaga,到应用到项目中的一些收获。什么是ReduxSaga官网解释来自:https://github.com/redux-saga/redux-sagaredux-sagaisalibrarythataimstomakesideeffects(i.e.asynchronousthingslikedatafetchingand…

    2022年9月19日
    2

发表回复

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

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