Html
    Css
    Js

    
                        
 .pad16 {
	padding:.34133rem;
}
.f38 {
	font-size:76px
}
.pad30 {
	padding:30px
}
.marginbom20 {
	margin-bottom:20px
}
.at-countdown__item {
	display:-webkit-inline-flex;
	display:-ms-inline-flexbox;
	display:inline-flex;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
}
.at-countdown--card .at-countdown__time-box {
	display:inline-block;
	position:relative;
	padding:.128rem 0;
	color:#ff4949;
	border:1PX solid #ccc;
	border-radius:.17067rem;
	background-color:#fff;
}
.at-countdown__time-box {
	display:inline-block;
	text-align:center;
	min-width:.68267rem;
	font-size:.68267rem;
	font-family:countDownFont;
	font-style:normal;
	font-weight:400;
	font-variant:normal;
	color:#333;
	text-transform:none;
	text-rendering:auto;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	vertical-align:middle;
}
.at-countdown--card .at-countdown__time-box .at-countdown__time {
	position:relative;
	z-index:101;
}
.at-countdown--card .at-countdown__time-box::after {
	content:"";
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	height:1PX;
	background-color:#ccc;
	z-index:100;
}
.taro-text {
	-moz-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.at-countdown__separator {
	display:-webkit-inline-flex;
	display:-ms-inline-flexbox;
	display:inline-flex;
	padding:0 .128rem;
	font-size:2rem;
	text-align:justify;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
}
.at-countdown__time {
	position:relative;
	z-index:101;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

js动态时间显示

更新时间:2020-03-25 16:19:22

0