var colors=["#def","#FF8DB5","#79D3FB","#EE941B","#4CB849"];



// 获取当前时间按
var begintime = new Date();
// 结束时间 ,
var endtime = new Date(begintime.getTime() + (210 * 1000));

change(context);
function change(context) {
var ifcontinue = '';

var nowtime = new Date();
// 倒计时结束
if (nowtime > endtime) {
ifcontinue = false;
} else {
context.clearRect(0,0,WIDTH,HEIGHT); // 清除canvas 画板
var minutes = new Date(endtime.getTime() - nowtime.getTime()).getMinutes();
var seconds = new Date(endtime.getTime() - nowtime.getTime()).getSeconds();
//console.log(minutes,seconds,'------||------')

drawNum(Math.floor(minutes / 10), context, r, R, MARGIN_LEFT, MARGIN_TOP);
drawNum(minutes % 10, context, r, R, 110 + MARGIN_LEFT, MARGIN_TOP);
drawColon((digit.length) - 1, context, r, R, 220 + MARGIN_LEFT, MARGIN_TOP); // 画冒号
drawNum(Math.floor(seconds / 10), context, r, R, 300 + MARGIN_LEFT, MARGIN_TOP);
drawNum(seconds % 10, context, r, R, 410 + MARGIN_LEFT, MARGIN_TOP);
function drawNum(number, context, r, R, MARGIN_LEFT, MARGIN_TOP) {
for (var i = 0; i < digit[0].length; i++) {
for (var j = 0; j < digit[0][0].length; j++) {
if (digit[number][i][j] == 1) {
context.beginPath();
context.arc((2 * R * j + r * j) + MARGIN_LEFT, (2 * R * i + r * i) + MARGIN_TOP, r, 0, 2 * Math.PI, false);
//context.fillStyle = "#ade";
var color=Math.ceil(Math.random()*(4-0)+0);
context.fillStyle=colors[color];
context.fill();
context.closePath();
}
}
}
}

function drawColon(number, context, r, R, MARGIN_LEFT, MARGIN_TOP) {
for (var i = 0; i < digit[number].length; i++) {
for (var j = 0; j < digit[number][0].length; j++) {
if (digit[number][i][j] == 1) {
context.beginPath();
context.arc((2 * R * j + r * j) + MARGIN_LEFT, (2 * R * i + r * i) + MARGIN_TOP, r, 0, 2 * Math.PI, false);
context.fillStyle = "#ade";
context.fill();
context.closePath();
}
}
}
}
ifcontinue = true;
if (ifcontinue) {
// eval(change(context))
setTimeout(function () {
change(context)
},1000);
}
}
}
}

})

分享

未知生物

你还没有登录，请先登录或注册慕课网帐号

回复

2015-12-29 李晓健

这位童鞋很勤快，擦的非常干净！

代码不完整。

分享

未知生物

你还没有登录，请先登录或注册慕课网帐号

回复