炫丽的倒计时效果Canvas绘图与动画基础_技术问答

首页免费课炫丽的倒计时效果Canvas绘图与动画基础问答

炫丽的倒计时效果Canvas绘图与动画基础

                
                liuyubobobo
            全栈工程师

                    查看讲师更多课程 
                    liuyubobobo讲师的其他课程
                
算法与数据结构（C++版） 面试/评级的算法复习技能包
实战·初级·11198

                                                                                                                                    ￥139.00
                                            
玩转算法面试-- Leetcode真题分门别类讲解
实战·初级·7423

                                                                                                                                    ￥229.00
                                            
 7个经典应用诠释Java算法精髓
实战·初级·1894

                                                                                                                                    ￥248.00
                                            
Python3入门机器学习&nbsp;经典算法与应用&nbsp;&nbsp;
实战·中级·5860

                                                                                                                                    ￥499.00
                                            
结合编程学数学 专为程序员设计的线性代数
实战·初级·3417

                                                                                                                                    ￥299.00
                                            
玩转算法系列--图论精讲（Java版）
实战·中级·1594

                                                                                                                                    ￥299.00
                                            
                难度中级
            
                时长 1小时30分
            
                学习人数
            
综合评分9.70
                            349人评价
                        查看评价
                                9.9
                                内容实用
                            
                                9.7
                                简洁易懂
                            
                                9.5
                                逻辑清晰

全部评论问答未解决精华

qq_慕移动3387380

代码未出现效果是因为截止时间不对，如果截止时间不修改当然是0，但是如果改成2017年某一天也不可以，因为这个与当前时间的小时差大于100，所以就不会显示了，所以比如今天是2016.12.12.那你就把截止时间改成const endTime = new Date(2016,11,13,18,47,52);就可以了，注意11对应的是12月

5 4-3 华丽的小球滚动效果

2016-12-12

HiramJoyce

能倒计时但是没有小球掉落，或者有小球掉落但是掉落的有问题不规律等问题的，请大家仔仔细细的看看自己的代码中update()函数中的判断有没有写对，和老师的一样的一定没问题，重点看到底什么地方是cur开头的什么地方是next开头的，还有就是 / 和 % 有没有写错，许多同学直接复制自己的第一次敲得代码很可能改的不全，导致有问题。

3 4-3 华丽的小球滚动效果

2016-12-11

我相信爱会兑现所有的承诺

刚刚学完，真的讲的很好，等期末过后学习canvas绘图详情

1 5-8 综合介绍

2016-12-11

HiramJoyce

两个小问题（老师说的清清楚楚，可能大家没注意）：
1，Uncaught TypeError: Cannot read property 'length' of undefined问题：
因为JavaScript的Data（）方法的月份是从0-11的，也就是说0代表一月，11代表12月，在设置截止时间的时候月份应该设置你想要的月份-1；
2，设置在四天以内的原因：4*24=96小时，两位数，5*24=120小时，三位数，我们要做的倒计时时分秒都是两位数的，所以要控制在四天之内（也不一定是四天，而是控制在小时数为两位数，不能为三位数）。

25 3-3 倒计时的时间计算

2016-12-10

慕村3710326

背景音乐One More Day (Stay with Me)

0 1-1 欢迎进入Canvas的世界！

2016-12-09

霍丶

@q1udaoyu02 你狗眼是不是瞎了？这个教程标签就是难度级别为高的还特么“对新人不友好” 我友好你奶奶个腿看不懂的麻烦回去巩固一下js基础好不好新人？

21 3-2 倒计时数字钟的具体绘制

2016-12-09

qq_阿辉啊_0

@语默_0001 你个哈儿别人那个是% 不是/

0 3-2 倒计时数字钟的具体绘制

2016-12-08

游啊游

IE 、Firefox、Safari、Opera、Chrome获取视口信息： document.documentElement.clientWidth/document.documentElement.clientHeight；

IE6在混杂模式下获取视口信息： document.body.clientWidth/document.body.clientHeight;

Chrome在混杂模式下获取视口信息：上面两种方法都可以。

2 5-2 屏幕自适应

2016-12-08

烈日当空0707

getCurrentShowTimeSeconds函数中，直接使用getTime方法就可以获得已过的秒数了嘛?
对于这个问题。我也犯过。原因是？
获取今天已经走过的时间，不能用getTime()这个时间是因为是对于1970年的时间。当小时大于好几位的话，也就是说大于两位数的话，就会报错。length未定义

0 5-5 修改为炫丽的时钟效果

2016-12-08

xlelou

http://wx.xlelou.cn/ct/ 根据老师的代码制作的距离2017年01月01日00点00分00秒的倒计时目前还有23天 14个小时，大家可以看一下

1 5-3 改进成时间管理小工具

2016-12-08

白14

我的dw里没有这个标签啊，求怎么样能把这个标签库下载过来！

0 2-1 创建canvas

2016-12-08

游啊游

刚开始小球就掉的很慢呢

0 4-3 华丽的小球滚动效果

2016-12-07

烈日当空0707

function draw(piece, ctx) {
var lineLength = piece.p.length;
ctx.beginPath();
ctx.moveTo(piece.p[0].x, piece.p[0].y);
for (var i = 1; i < lineLength; i++) {
ctx.lineTo(piece.p[i].x, piece.p[i].y)
}
ctx.closePath();
ctx.fillStyle = piece.color;
ctx.fill();
}
这样可以。测试能用。

1 2-2 绘制直线、多边形和七巧板

2016-12-07

游啊游

看到这里老师为什么要那样比较啊感觉弄的好复杂直接把currentSecound = getCurrentSecound();这句话放到render函数里面不就好了么

1 4-1 一个实现动画的基础函数

2016-12-07

BeShelby

棒棒哒，开始学习了。

0 1-1 欢迎进入Canvas的世界！

2016-12-06

首页上一页 27 28 29 30 31 32 33 下一页尾页

开始学习

课程须知: 1.要对HTML+CSS相关标签有所掌握；2.对网页布局知识有简单的了解；3.掌握一定的JS基础知识

老师告诉你能学到什么？: 通过学习Cancas倒计时效果的基础知识：比如球形的绘制，动画的基础原理，让Canvas帮助我们制作出绚丽的效果，力图每一个课程除了介绍知识，还能帮助大家使用Canvas制作出属于自己的动画和游戏作品。

微信扫码，参与3人拼团

热搜

最近搜索清空

炫丽的倒计时效果Canvas绘图与动画基础