不学无术,不熟无巧
canvas实现炫酷时钟(三)
图案中间是用数字填充的年月日时分秒毫秒,时分秒为了能使个位数的时候前面补零,而在是两位数的时候就显示两位数,你可能想到用if条件判断来完成。
这里用了字符串的slice方法,hr = ('0' +hr).slice(-2) 从字符串后面算起保留两位。这样当是一位数时,补零两位数,保留两位数,是0几的形式。当是两位数时补零成了三位数,再经过slice方法,0又去掉了,这样就实现了,始终是两位数,这里的布局,不会在一位数两位数变化时,有变动。
点一次渲染出的图形是静态的,通过setInterval周期进行多次渲染就成动态的了。setInterval(renderTime(),40);
网友评论