时间倒计时代码

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


相关推荐

  • 多线程CreateThread函数的用法

    多线程CreateThread函数的用法CreateThread当使用CreateProcess调用时,系统将创建一个进程和一个主线程。CreateThread将在主线程的基础上创建一个新线程,大致做如下步骤:1在内核对象中分配一个线程标

    2022年7月4日
    30
  • 十种排序算法总结

    十种排序算法总结

    2022年3月13日
    37
  • stream和streaming_parallelStream

    stream和streaming_parallelStreamStream和parallelStream一.什么是Stream?Stream是在Java8新增的特性,普遍称其为流;它不是数据结构也不存放任何数据,其主要用于集合的逻辑处理。二.和Iterator的区别Iterator做为迭代器,其按照一定的顺序迭代遍历集合中的每一个元素,并且对每个元素进行指定的操作。而Stream在此基础上还可以将这种操作并行化,利用多核处理器的优势快…

    2022年4月19日
    112
  • 使SplitContainer中某个Panel宽度、高度不变[通俗易懂]

    使SplitContainer中某个Panel宽度、高度不变[通俗易懂]1.在窗体load时加入:splitContainer_AllLayout.SplitterDistance=120;上边代码字面意思是将水平、或垂直分开的SplitContainer的分区长度设置为1202.只要设置FixedPanel属性为希望宽度不变的panel即可:3.再设置控件不可拖动:splitContainer_AllLayout.IsSplitter…

    2022年7月18日
    15
  • RSA加密算法详解及例题

    RSA加密算法详解及例题这是我自己在学习RSA加密算法的时候自己整理的笔记,如需转载请注明出处RSA加密算法我这里就不对RSA的发明背景做介绍了,你只要知道RSA加密算法是非常非常重要的加密算法,放在现在的时代亦是如此。RSA加密算法的安全性是基于对极大整数做因数分解的困难。RSA算法是一种非对称密码算法,所谓非对称,就是指该算法需要一对密钥,使用其中一个加密,则需要用另一个才能解密。例如:(1)乙方生成两把密钥(公钥和私钥)。公钥是公开的,任何人都可以获得,私钥则是保密的。(2)甲方获取乙方的公钥,然后用它对信息加密

    2022年6月12日
    66
  • 字典树和前缀树_前缀树和后缀树

    字典树和前缀树_前缀树和后缀树从Trie树(字典树)谈到后缀树作者:July、yansha。出处:http://blog.csdn.net/v_JULY_v 。 引言   常关注本blog的读者朋友想必看过此篇文章:从B树、B+树、B*树谈到R树,这次,咱们来讲另外两种树:Tire树与后缀树。不过,在此之前,先来看两个问题。   第一个问题:一个文本文件,大约有一万行,每行一个词,要求统计出其中最频繁出现的前10个词,

    2022年9月6日
    2

发表回复

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

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