分類
<link rel="stylesheet" href="css/countDown.css">
<script src="js/jquery-3.2.1.min.js"></script> <script src="js/countDown.js"></script>
<p>
<input type="hidden" name="countDown" data-prefix="請在" data-suffix="內完成支付" value="2018/11/20 12:25:32"> <span></span>
</p>
<p>
<input type="hidden" name="countDown" data-prefix="請在" data-suffix="內提交訂單" value="2018/11/10 22:10:22"> <span></span>
</p>
<p>
<input type="hidden" name="countDown" data-prefix="距離活動結束僅有" value="2019/12/01 22:30:27"> <span></span>
</p>
<p>
<input type="hidden" name="countDown" data-title="搶購結束" value="2018/12/15 12:24:50"> <span></span>
</p>
<p>
<input type="hidden" name="countDown" data-suffix="后將上映大片" value="2018/12/10 23:46:33"> <span></span>
</p>
<script type="text/javascript">
$("input[name='countDown']").each(function () {
var time_end=this.value;
var con=$(this).next("span");
var _=this.dataset;
countDown(con,{
title:_.title,//優先級最高,填充在prefix位置
prefix:_.prefix,//前綴部分
suffix:_.suffix,//后綴部分
time_end:time_end//要到達的時間
})
//提供3個事件分別為:啟動,重啟,停止
.on("countDownStarted countDownRestarted countDownEnded ",function (arguments) {
console.info(arguments);
});
});
</script>
1. 本站所有素材（未指定商用），僅限學習交流。
2. 會員在本站下載的原創商用和VIP素材后，只擁有使用權，著作權歸原作者及17素材網所有。
3. 原創商用和VIP素材，未經合法授權，請勿用于商業用途，會員不得以任何形式發布、傳播、復制、轉售該素材，否則一律封號處理。
4. 本平臺織夢模板僅展示和個人非盈利用途，織夢系統商業用途請預先授權。
