继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

用for循环来绘制时钟的数字,不用写那么多重复的

inRush
关注TA
已关注
手记 5
粉丝 1
获赞 43
function render(context) {
    var hours = 12;
    var minutes = 34;
    var seconds = 56;

    var number = [hours / 10, hours % 10, minutes / 10, minutes % 10, seconds / 10, seconds % 10];
    var colonDis = 0;
    for (var i = 0; i < number.length; i++) {
        renderDigit(MARGIN_LEFT + i * (15 * (RADIUS + 1)) + colonDis, MARGIN_TOP, parseInt(number[i]), context);
        if (i != number.length - 1 && i % 2 != 0) {
            renderDigit(MARGIN_LEFT + (i + 1) * (15 * (RADIUS + 1)) + colonDis, MARGIN_TOP, 10, context);
            colonDis += (9 * (RADIUS + 1));
        }
    }
}
打开App,阅读手记
3人推荐
发表评论
随时随地看视频慕课网APP