前台代码:
<div class="yomibox" style='float: left;' data="<%#Convert.ToDateTime(Eval("end_time")).ToString("yyyy-MM-dd HH:mm:ss") %>"></div>
<script type="text/javascript">
/*** 倒计时插件
*/
var a = <%=DTcms.Common.SiteHelper.GetTimeLikeJS()%>;
var arr = [a, a, a, a, a];
(function ($) {
$.fn.yomi = function (i) {
var data = "";
var _DOM = null;
var TIMER;
createdom = function (dom) {
_DOM = dom;
data = $(dom).attr("data");
data = data.replace(/-/g, "/");
data = Math.round((new Date(data)).getTime() / 1000);
$(_DOM).append("<ul class='yomi'><li class='yomiday'></li><li class='split'>天</li><li class='yomihour'></li><li class='split'>时</li><li class='yomimin'></li><li class='split'>分</li><li class='yomisec'></li><li class='split'>秒</li></ul>")
reflash();
};
reflash = function () {
arr[i] = arr[i] + 1000;
if((data - Math.round(arr[i] / 1000))<=0){
//$(_DOM).find(".yomi").html("<li><%=SiteHelper.GetHouseStatus(4) %></li>");
$(_DOM).find(".yomi").html("<li>已结束</li>");
}
var range = data - Math.round(arr[i] / 1000),
secday = 86400, sechour = 3600,
days = parseInt(range / secday),
hours = parseInt((range % secday) / sechour),
min = parseInt(((range % secday) % sechour) / 60),
sec = ((range % secday) % sechour) % 60;
$(_DOM).find(".yomiday").html(nol(days));
$(_DOM).find(".yomihour").html(nol(hours));
$(_DOM).find(".yomimin").html(nol(min));
$(_DOM).find(".yomisec").html(nol(sec));
};
TIMER = setInterval(reflash, 1000);
nol = function (h) {
//return h > 9 ? h : '0' + h;
return h;
}
return this.each(function () {
var $box = $(this);
createdom($box);
});
}
})(jQuery);
$(function () {
$(".yomibox").each(function (i) {
$(this).yomi(i);
});
$("head").append("<style type='text/css'>.yomi {list-style:none;}.yomi li{float:left;color:#9b9b9b;width:auto;height:auto;margin:0;border-radius:0;border:0;}.yomi li.split{color:#9b9b9b;}</style>")
});
</script>
后台代码:
//获取时间tick
public static long GetTimeLikeJS()
{
long lLeft = 621355968000000000;
DateTime dt = DateTime.Now;
long Sticks = (dt.Ticks - lLeft) / 10000;
return Sticks;
}