You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
62 lines
1.9 KiB
62 lines
1.9 KiB
(function($){
|
|
$.fn.yomi=function(){
|
|
var data="";
|
|
var _DOM=null;
|
|
var TIMER;
|
|
var num=0;
|
|
createdom =function(dom){
|
|
_DOM=dom;
|
|
|
|
data=$(dom).attr("data");
|
|
|
|
num++;
|
|
|
|
data = data.replace(/-/g,"/");
|
|
|
|
data = Math.round((new Date(data)).getTime()/1000);//
|
|
$(_DOM).append("<ul class='yomi'><li id='"+data+"' class='yomiday'></li><li id='"+data+"days' class='split splitday'>天</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(data);
|
|
|
|
};
|
|
isPositiveInteger =function (s){//是否为正整数
|
|
var re = /^[1-9][0-9]*$/;
|
|
return re.test(s)
|
|
};
|
|
reflash=function(d){
|
|
var range = data-Math.round((new Date()).getTime()/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;
|
|
|
|
if(isPositiveInteger(parseInt(nol(days)))==false){
|
|
$(_DOM).find(".yomiday").css('display','none');
|
|
$(_DOM).find(".splitday").css('display','none');
|
|
|
|
}else{
|
|
$(_DOM).find(".yomiday").css('display','block');
|
|
$(_DOM).find(".splitday").css('display','block');
|
|
$(_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:(h>0?('0'+h):'00');
|
|
}
|
|
return this.each(function(){
|
|
var $box = $(this);
|
|
createdom($box);
|
|
});
|
|
}
|
|
})(jQuery);
|
|
$(function(){
|
|
$(".yomibox").each(function(){
|
|
$(this).yomi();
|
|
});
|
|
$("head").append("<style type='text/css'>.yomi {list-style:none;}.yomi li{margin: 0 2px;float:left;color:rgba(244, 75, 37, 1);font-size:10px; font-weight:bold;}.yomi li.split{background:none;color:rgba(51,51,51,1);}</style>")
|
|
});
|