2月11日

作者: 无意爱昵 | 来源:发表于2019-02-11 21:29 被阅读0次

    不学无术,不熟无巧


    canvas实现炫酷时钟(三)

    图案中间是用数字填充的年月日时分秒毫秒,时分秒为了能使个位数的时候前面补零,而在是两位数的时候就显示两位数,你可能想到用if条件判断来完成。

    这里用了字符串的slice方法,hr  = ('0' +hr).slice(-2) 从字符串后面算起保留两位。这样当是一位数时,补零两位数,保留两位数,是0几的形式。当是两位数时补零成了三位数,再经过slice方法,0又去掉了,这样就实现了,始终是两位数,这里的布局,不会在一位数两位数变化时,有变动。

    点一次渲染出的图形是静态的,通过setInterval周期进行多次渲染就成动态的了。setInterval(renderTime(),40);

    相关文章

      网友评论

          本文标题:2月11日

          本文链接:https://www.haomeiwen.com/subject/hysceqtx.html