传参倒计时

传入指定时间参数实现倒计时

这是前段时间在工作中遇到的问题
因为其中的时间转换太繁琐,干脆存起来吧!

我在这里举例的是一个生日倒计时:

	/* CSS代码 */
	body{
     
		background-color: #000;
	}
    #show{
     
      color: #fff;
      display: block;
      text-align: center;
      margin: 100px auto;
    }
	
	<div id="show"> Loading... div>
	// JS代码
	function countDown(time){
     
	    var datatime=/^[\d]{4}-[\d]{1,2}-[\d]{1,2}( [\d]{1,2}:[\d]{1,2}(:[\d]{1,2})?)?$/ig,str='',conn,s;
	    if(!time.match(datatime)){
     
            alert('参数格式为2020-01-01[ 01:01[:01]].\r其中[]内的内容可省略');
            return false;
	    }
	    var sec=(new Date(time.replace(/-/ig,'/')).getTime() - new Date().getTime())/1000;
	    if(sec > 0){
     
           conn='还有';
	    }else{
     
           conn='已过去';
           sec*=-1;
	    }
	    s={
     '天':sec/24/3600,'小时':sec/3600%24,'分':sec/60%60,'秒':sec%60};
	    for(i in s){
     
	            if(Math.floor(s[i])>0 ) str += Math.floor(s[i]) + i;
	    }
	    if(Math.floor(sec)==0){
      str='0秒'; }
	    document.getElementById('show').innerHTML = '距离我22岁生日' + conn + str  ;
	    setTimeout(function(){
     count_down(time)},1000);
	}
	
	// 传参调用函数
	countDown(2019-11-13 00:00:00);

这里是效果图:
传参倒计时_第1张图片

你可能感兴趣的:(常用技术块,传参倒计时)