时间倒计时代码

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


相关推荐

  • PostMan的安装和使用教程[通俗易懂]

    PostMan的安装和使用教程[通俗易懂]postman的下载官网:https://www.getpostman.com/downloads/创建账号或者用谷歌浏览器账号登录一个demo了解一下我做的是一个app,后台使用java做的,app通过ajax来请求后台,但是我不知道后台有没有请求成功!因此需要一个测试接口的东西测试我做的接口有没有问题我的app里面的ajax是这样写的api.aja…

    2022年9月18日
    4
  • 大数运算C语言实现

    大数运算C语言实现大数乘法利用字符数组进行大数乘法的位运算#include<stdio.h>#include<math.h>#include<string.h>voidprint_cheng(chars1[],chars2[]);voidmain(){chars1[1000],s2[1000];while(scanf(“%s%s”,s1,s2))pr…

    2022年10月7日
    3
  • docker_docker一键部署

    docker_docker一键部署1、安装mysql自行安装2、安装Gogs自行安装3、安装drone/dronedockerrun-d\–volume=/var/lib/drone:/data\–env=DRONE_DEBUG=true\–env=DRONE_LOGS_TRACE=true\–env=DRONE_LOGS_DEBUG=true\–env=DRONE_LOGS_PRETTY=true\–env=DRONE_AGENTS_ENABLED=true\–env=

    2022年8月15日
    9
  • ubuntu安装vscode并配置python环境(使用anaconda)「建议收藏」

    ubuntu安装vscode并配置python环境(使用anaconda)「建议收藏」参考文章和视频https://www.youtube.com/watch?v=h0HbFnb8bC8https://python.tutorials24x7.com/blog/how-to-install-visual-studio-code-for-python-on-ubuntustep1-安装VSCODE在terminal中输入sudosnapinstall–classiccode等待下载完成后,在terminal中输入code即可启动vscodestep2-安装插件参

    2022年9月15日
    1
  • Edge breaker记录

    Edge breaker记录和代码相关性非常强的是这篇文章,几乎就是伪代码了:http://citeseerx.ist.psu.edu/viewdoc/download?doi=10.1.1.58.7918&rep=rep1&type=pdf一、Compression阶段命令参数为umbrellla_times4.offB第一个参数就是输入网格,目前支持OFF和OVTable两种文件格式,这里…

    2022年6月1日
    38
  • redis集群搭建(非常详细,适合新手)_redis集群模式

    redis集群搭建(非常详细,适合新手)_redis集群模式一、基本环境首先我们需要使用VMware配置几个虚拟机,我们需要安装VMWare然后下载自己的linux镜像文件,在虚拟机上安装linux系统,vm15和centos7下载传送门提取码:lvb5。我使用的是centos764,大致步骤可以根据其他博客将第一台虚机的系统安装成功,然后直接clone这台机器就可以了,然后需要修改ip。二、准备相关软件安装包…

    2022年10月15日
    2

发表回复

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

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