js实现倒计时，精确到秒

本是古典何须时尚 2022-05-15 09:47 239阅读 0赞

效果图：

![70][]

html代码：

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    		<meta name="apple-mobile-web-app-capable" content="yes"><meta name="format-detection" content="telephone=no" />
    		<meta name="apple-mobile-web-app-status-bar-style" content="black">
            <link rel="stylesheet" type="text/css" href="css/common.css"/>
            <link rel="stylesheet" type="text/css" href="css/holidayCountdown.css"/>
    	</head>
    	<body>
    		<h1>距离国庆节还剩</h1>
    		<strong class="cuntDownBox">
    			<strong class="day">0天</strong>
    			<strong class="hour">0时</strong>
    			<strong class="minute">0分</strong>
    			<strong class="second">0秒</strong>
    			<strong class="haomiao">0毫秒</strong>
    		</div>
    		
    		<div class="zhufu">
    			<p>祝愿大家国庆快乐！</p>
    			<p style="padding-top: 10px;">2018我们同在！</p>
    		</div>
    	</body>
    </html>
    <script type="text/javascript" src="js/jquery-1.11.3.js"></script>
    <script type="text/javascript" src="js/holidayCountdown.js"></script>

js代码：

function countDown() {
     	var EndTime = new Date('2018/9/30 17:30:00');
     	var NowTime = new Date();
     	var t = EndTime.getTime() - NowTime.getTime();
     	var d=0;
     	var h=0;
     	var m=0;
     	var s=0;
     	var mms=0;
     	if(t>=0){
     		d=Math.floor((t/1000/3600)/24);//计算天数
     		h=Math.floor((t/1000/3600)%24);//计算小时
     		m=Math.floor((t/1000/60)%60);//计算分
     		s=Math.floor(t/1000%60);//计算秒
     		mms=Math.floor(t%1000);//计算毫秒
     		if(d<10){
     			d="0"+d;
     		}
     		if(h<10){
     			h="0"+h;
     		}
     		if(m<10){
     			m="0"+m;
     		}
     		if(s<10){
     			s="0"+s;
     		}
     		if(mms>=0 && mms<=100){
     			mms="0"+1;
     		}else if(mms>=100 && mms<=200){
     			mms="0"+2;
     		}else if(mms>=200 && mms<=300){
     			mms="0"+3;
     		}else if(mms>=300 && mms<=400){
     			mms="0"+4;
     		}else if(mms>=400 && mms<=500){
     			mms="0"+5;
     		}else if(mms>=500 && mms<=600){
     			mms="0"+6;
     		}else if(mms>=600 && mms<=700){
     			mms="0"+7;
     		}else if(mms>=700 && mms<=800){
     			mms="0"+8;
     		}else if(mms>=800 && mms<=900){
     			mms="0"+9;
     		}else if(mms>=900 && mms<=1000){
     			mms="0"+0;
     		}else{
     			mms="0"+0;
     		}
     		$(".day").html(d+"天");
     		$(".hour").html(h+"时");
     		$(".minute").html(m+"分");
     		$(".second").html(s+"秒");
     		$(".haomiao").html(mms+"毫秒");
     	}
     }
     setInterval(countDown,0);

[70]: /images/20220515/e532472fca384834aca92fc5352d40db.png

发表评论取消回复

表情：

评论列表（有 0 条评论，239人围观）

还没有评论，来说两句吧...

相关阅读

相关 js 实现60秒倒计时

1.dom元素 <div class="box"> <h2>剩余时间：<span class="clock">60</span>秒</h2> <

清疚/ 2022年11月21日 03:59/ 0 赞/ 326 阅读

相关 JS实现显示当前时间，精确到秒

(1)显示“年月日时分秒” // 自定义一个函数实现返回指定的日期格式 function getDate(

一时失言乱红尘/ 2022年09月26日 01:45/ 0 赞/ 378 阅读

相关 js实现倒计时

最近有个页面需要实现，验证码发送后，进行60s的倒计时， ![Center][] 代码： var flag = 1; var i = 60;

谁借莪１个温暖的怀抱￠/ 2022年07月27日 14:55/ 0 赞/ 254 阅读

相关 JS-实现秒表倒计时+缓存倒计时

实现秒表倒计时+缓存倒计时功能 <!DOCTYPE html> <html> <head> <meta ch

约定不等于承诺〃/ 2022年05月17日 12:38/ 0 赞/ 389 阅读

相关 js实现倒计时

<body contenteditable="true" spellcheck="false" style="height: 400px;">

我会带着你远行/ 2022年05月17日 06:48/ 0 赞/ 273 阅读

相关 js实现倒计时，精确到秒

效果图： ![70][] html代码： <!DOCTYPE html> <html> <head> <meta charset=

本是古典何须时尚/ 2022年05月15日 09:47/ 0 赞/ 240 阅读

相关 JS倒计时实现

此为分秒单位倒计时，需要时分秒倒计时的可以自行修改，也可到我的资源中去下载。 <html> <head> <meta charset="UTF-8"> <ti

约定不等于承诺〃/ 2022年04月10日 05:22/ 0 赞/ 465 阅读

相关 js实现倒计时（天数，小时，分钟，秒）

效果图 ![在这里插入图片描述][20190115114414465.png] 封装好的js代码，引入一下就可以了，在html中直接调用，简单粗暴使用 time.

男娘i/ 2022年03月26日 03:06/ 0 赞/ 522 阅读

相关用简单的JS实现秒倒计时

用简单的JS实现秒倒计时开发工具与关键技术：JavaScript 作者：陈希雄撰写时间：2019/2/9 当然，除了秒倒计时，还有时、分等等

àì夳堔傛蜴生んèń/ 2022年03月20日 01:52/ 0 赞/ 255 阅读

相关 JS精确到毫秒的倒计时

JS精确到毫秒的倒计时 1、页面HTML代码 <div id="CountMsg"> 今天距离 <strong id="EndTim

淩亂°似流年/ 2021年09月14日 04:02/ 0 赞/ 510 阅读