main
kgdxpr 2 years ago
parent a3e701b1e1
commit e2712f3c2f

@ -1,91 +0,0 @@
function tbdTimeCountdown(args) {
var ele = document.getElementById(args.id);
var alltime = args.alltime;
var arr = [];
var t = Math.floor(alltime / (24 * 60 * 60));
var yt = alltime % (24 * 60 * 60);
var s = Math.floor(yt / (60 * 60));
var ys = yt % (60 * 60);
var f = Math.floor(ys / (60));
var yf = ys % (60);
var m = yf;
arr[0] = [t, "天"];
arr[1] = [s, ":"];
arr[2] = [f, ":"];
arr[3] = [m, ""];
if (s == 0) {
s = "00";
}
if (f == 0) {
f = "00";
}
if (m == 0) {
m = "00";
}
var s = ce(arr, 0);
ele.innerHTML = s;
var dong;
dong = setInterval(function () {
alltime -= 1;
if (alltime <= 0) {
clearInterval(dong);
ele.innerHTML = "<span>0</span>秒";
args.end();
} else {
t = Math.floor(alltime / (24 * 60 * 60));
yt = alltime % (24 * 60 * 60);
s = Math.floor(yt / (60 * 60));
ys = yt % (60 * 60);
f = Math.floor(ys / (60));
yf = ys % (60);
m = yf;
if (s == 0) {
s = "00";
}
if (f == 0) {
f = "00";
}
if (m == 0) {
m = "00";
}
arr[0] = [t, "天"];
arr[1] = [s, ":"];
arr[2] = [f, ":"];
arr[3] = [m, ""];
var s = ce(arr, 0);
ele.innerHTML = s;
};
}, 1000);
function ce(arr, sta) {
var i = sta;
if (i < arr.length) {
if (arr[i][0] != 0) {
var s = "";
for (var j = i; j < arr.length; j++) {
s += "<span>" + arr[j][0] + "</span>" + arr[j][1];
};
return s;
} else {
return ce(arr, i + 1);
};
};
};
}

File diff suppressed because one or more lines are too long

@ -194,17 +194,11 @@
<script src="../js/jquery.cookie.min.js"></script>
<script src="../js/mui.min.js"></script>
<script src="../js/jsrender.min.js"></script>
<script src="../js/djs.js"></script>
<script src="../js/easytimer.min.js"></script>
<script>
tbdTimeCountdown({
id: "time",
alltime: 0,
end: function () {
console.log('完成');
},
});
@ -388,6 +382,23 @@
}
});
}
var timer = new easytimer.Timer();
timer.start({ countdown: true, startValues: { seconds: 30 } });
$('#time').html(timer.getTimeValues().toString());
timer.addEventListener('secondsUpdated', function (e) {
$('#time').html(timer.getTimeValues().toString());
});
timer.addEventListener('targetAchieved', function (e) {
$('#time').html('KABOOM!!');
});
});

@ -1,31 +1,38 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Untitled</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>EasyTimer.js 示例</title>
</head>
<style>
.parent {
width: 500px;
height: 500px;
border: 1px solid red;
display: flex;
justify-content: space-between;
}
.child {
width: 100px;
height: 100px;
border: 1px solid red;
}
</style>
<body>
<div class="parent">
<div class="child">1</div>
<div class="child">2</div>
<div class="child">3</div>
</div>
</body>
<div id="timer"></div>
<script src="../js/easytimer.min.js"></script>
<script>
var timerElement = document.getElementById('timer');
// 创建一个计时器实例
var timer = new easytimer.Timer();
timer.start({ countdown: true, startValues: { seconds: 4768 } });
</html>
// $('#time').html(timer.getTimeValues().toString());
timerElement.innerHTML = timer.getTimeValues().toString();
timer.addEventListener('secondsUpdated', function (e) {
timerElement.innerHTML = timer.getTimeValues().toString();
});
timer.addEventListener('targetAchieved', function (e) {
timerElement.innerHTML = "KABOOM!!";
});
</script>
</body>
</html>

@ -62,19 +62,17 @@
</div>
<div class="dtime" id="a2"></div>
</div>
<script src="../js/jquery.min.js"></script>
<script src="../js/jquery.cookie.min.js"></script>
<script src="../js/mui.min.js"></script>
<script src="../js/djs.js"></script>
<script src="../js/mui.min.js"></script>
<script>
$.removeCookie('order_id', { path: '/' });
var loginButton = document.getElementById('login');
loginButton.addEventListener('tap', function (event) {
@ -100,17 +98,6 @@
}
});
});
tbdTimeCountdown({
id: "a2",
alltime: 3601,
end: function () {
console.log('完成');
},
});
</script>
</body>

Loading…
Cancel
Save