jQuery圆形加载进度倒计时代码,countDown倒计时插件,原理是通过计算剩余时间,用setInterval每100毫秒去展示时间,时间到了用clearInterval
js倒计时代码
i = 0;
j = 0;
count = 0;
MM = 0;
SS = 60; // 秒 90s
MS = 0;
totle = (MM+1)*600;
d = 180*(MM+1);
MM = "0" + MM;
var gameTime = 60;
//count down
var showTime = function(){
totle = totle - 1;
if (totle == 0) {
clearInterval(s);
clearInterval(t1);
clearInterval(t2);
$(".pie2").css("-o-transform", "rotate(" + d + "deg)");
$(".pie2").css("-moz-transform", "rotate(" + d + "deg)");
$(".pie2").css("-webkit-transform", "rotate(" + d + "deg)");
} else {
if (totle > 0 && MS > 0) {
MS = MS - 1;
if (MS < 10) {
MS = "0" + MS
}
;
}
;
if (MS == 0 && SS > 0) {
MS = 10;
SS = SS - 1;
if (SS < 10) {
SS = "0" + SS
}
;
}
;
if (SS == 0 && MM > 0) {
SS = 60;
MM = MM - 1;
if (MM < 10) {
MM = "0" + MM
}
;
}
;
}
;
$(".time").html(SS + "s");
};
var start1 = function(){
//i = i + 0.6;
i = i + 360/((gameTime)*10); //旋转的角度 90s 为 0.4 60s为0.6
count = count + 1;
if(count <= (gameTime/2*10)){ // 一半的角度 90s 为 450
$(".pie1").css("-o-transform","rotate(" + i + "deg)");
$(".pie1").css("-moz-transform","rotate(" + i + "deg)");
$(".pie1").css("-webkit-transform","rotate(" + i + "deg)");
}else{
$(".pie2").css("backgroundColor", "#d13c36");
$(".pie2").css("-o-transform","rotate(" + i + "deg)");
$(".pie2").css("-moz-transform","rotate(" + i + "deg)");
$(".pie2").css("-webkit-transform","rotate(" + i + "deg)");
}
};
var start2 = function(){
j = j + 0.6;
count = count + 1;
if (count == 300) {
count = 0;
clearInterval(t2);
t1 = setInterval("start1()", 100);
}
$(".pie2").css("-o-transform","rotate(" + j + "deg)");
$(".pie2").css("-moz-transform","rotate(" + j + "deg)");
$(".pie2").css("-webkit-transform","rotate(" + j + "deg)");
}
var countDown = function() {
//80*80px 时间进度条
i = 0;
j = 0;
count = 0;
MM = 0;
SS = gameTime;
MS = 0;
totle = (MM + 1) * gameTime * 10;
d = 180 * (MM + 1);
MM = "0" + MM;
showTime();
s = setInterval("showTime()", 100);
start1();
//start2();
t1 = setInterval("start1()", 100);
}
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791