JS倒计时的方法

亦凉 2022-03-29 13:11 348阅读 0赞

注意点：

括号里面的时间写法："2020\-01\-01 00:00:00"  使用这种写法可能ios那边识别不了 会出现NAN的情况

换成"2020/01/01 00:00:00"这种 / 的格式ios和安卓都可以识别了

如果html显示里面有负数  就在设置的时候 使用Math.abs(）方法

show\[0\].innerHTML= Math.abs(day);

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    	</head>
    	<body>
    		
    		<h1 id="show">距离2020年元旦还有：<span></span>天<span></span>小时<span></span>分<span></span>秒</h1>
    		
    		<script>
    			var show=document.getElementById("show").getElementsByTagName("span");
    			
    			setInterval(function(){
    			var timeing=new Date();
    			var time=new Date(2020,0,1,0,0,0);
                var num=time.getTime()-timeing.getTime();
                
                var day=parseInt(num/(24*60*60*1000));			
                num=num%(24*60*60*1000);
                var hour=parseInt(num/(60*60*1000));            
                num=num%(60*60*1000);
                var minute=parseInt(num/(60*1000));
                num=num%(60*1000);
                var seconde=parseInt(num/1000);
                 
                  show[0].innerHTML=day;
                  show[1].innerHTML=hour;
                  show[2].innerHTML=minute;
                  show[3].innerHTML=seconde;
                },100)
                
                
    		</script>
    	</body>
    </html>

发表评论取消回复

表情：

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

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

相关阅读

相关 js倒计时(js倒计时5秒)

倒计时69天！大家倒计时多少天了？我是倒计时90天了,很享受宝宝每天胎动的时间 ![js倒计时(js倒计时5秒)\_js倒计时(js倒计时5秒)][js_js_5_j

ゞ浴缸里的玫瑰/ 2023年09月26日 14:46/ 0 赞/ 48 阅读

相关 js 倒计时

能够简单实现倒计时的功能。计时的时候，输入框禁止输入内容；记完时，可以输入内容。 <input type="text" id="hour" >小时 <i

叁歲伎倆/ 2023年07月04日 11:06/ 0 赞/ 35 阅读

相关 js 天数倒计时时间倒计时

export function getOverTimeDown(endDateStr: string, outValue?: { value: string }, fn

àì夳堔傛蜴生んèń/ 2022年09月11日 12:10/ 0 赞/ 467 阅读

相关 js倒计时

//倒计时 function show_time() { //正数表达式 var re = /^\d+(?=\.{0,1}

我就是我/ 2022年08月05日 07:49/ 0 赞/ 382 阅读

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

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

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

相关 JS倒计时的方法

注意点：括号里面的时间写法："2020\-01\-01 00:00:00" 使用这种写法可能ios那边识别不了会出现NAN的情况换成"2020/01/01 00:

亦凉/ 2022年03月29日 13:11/ 0 赞/ 349 阅读

相关 js倒计时

倒计时 { padding: 0; margin: 0; box

亦凉/ 2022年01月30日 02:19/ 0 赞/ 441 阅读

相关 js倒计时

　　　　　　　　　　　　　　var startTime = Date.parse(new Date())/1000;//开始时间

太过爱你忘了你带给我的痛/ 2021年10月23日 10:55/ 0 赞/ 600 阅读

相关 js倒计时

![20190820151447888.png][] function tow(n) { return n >= 0 &&

- 日理万妓/ 2021年10月19日 09:52/ 0 赞/ 596 阅读

相关 JS 倒计时

经常遇到需要倒计时的地方，下面的JS可以简单实现倒计时，当然可以加上Css使得界面更加美观！ `<script type=` `"text/javascript"` `>`

约定不等于承诺〃/ 2021年09月29日 17:34/ 0 赞/ 713 阅读