JS倒计时的方法

亦凉 2022-03-29 13:11 259阅读 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 条评论，259人围观）

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

相关阅读

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

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

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

相关 js倒计时

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

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

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

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

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

相关 JS时间倒计时

[JS时间倒计时][JS] HTML <div class="con"> <div class="time">

逃离我推掉我的手/ 2022年04月24日 04:44/ 0 赞/ 270 阅读

相关 js简单倒计时

涉及的知识点 setTime() setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。 1.提示： 1000 毫秒= 1 秒。 2.提示

冷不防/ 2022年04月22日 00:52/ 0 赞/ 312 阅读

相关 JS倒计时的方法

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

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

相关 js倒计时

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

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

相关 js倒计时

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

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

相关 js倒计时

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

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

相关 JS 倒计时

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

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