为了账号安全，请及时绑定邮箱和手机立即绑定
首页 免费课 炫丽的倒计时效果Canvas绘图与动画基础 问答

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

liuyubobobo 全栈工程师
查看讲师更多课程 liuyubobobo讲师的其他课程
难度中级
时长 1小时30分
学习人数
综合评分9.70
349人评价 查看评价
9.9 内容实用
9.7 简洁易懂
9.5 逻辑清晰
全部 评论 问答 未解决 精华
无所畏惧小小小
下载或跟着老师敲的代码记得设置时间（选择未来四天内的某一个时间点）
//距离2016-10-21-18:47:52的倒计时
const endTime = new Date(2016,9,21,18,47,52);
1 4-1 一个实现动画的基础函数
2016-10-19

请问本课程的资料在哪里可以获取到呢？

已采纳回答 / 实习生121027
<...图片...>如图所示
1 回答 756 浏览 2-1 创建canvas
2016-10-19
慕娘6649013
老师讲的太6了
0 3-3 倒计时的时间计算
2016-10-18
qq_Imordaknght_0
我觉得超过300应该删除排在前面的balls，而不是刚出现的balls
2 5-1 性能优化
2016-10-18
小蚁
谢谢老师，讲的太好了，完美
1 5-8 综合介绍
2016-10-18
鱼字头上一把刀
关于滚动条：
html,body,canvas {
margin: 0;
padding: 0;
}
canvas {
display: block;
}
html,body{
height: 100%;
}
7 5-2 屏幕自适应
2016-10-16

这段代码我没看懂 知道的小伙伴能不能给我讲一下

+ 我来回答 回答最高可+2积分
2 回答 674 浏览 3-2 倒计时数字钟的具体绘制
2016-10-16

为什么我的显示是00：00：00啊，帮忙看一下

最赞回答 / 爱学习的Hero
时间没有替换，不要照着老师的时间写const endTime=new Date(2014,6,11,18,47,52);换成const endTime=new Date(2017,2,22,18,47,52);
7 回答 2470 浏览 3-3 倒计时的时间计算
2016-10-16

不知道哪里不对，出不来效果

已采纳回答 / 慕粉4169398
    for(var i=1;i<piece.p.length,i++) 这行敲错了，i++钱的，改成分号就好了
3 回答 936 浏览 2-2 绘制直线、多边形和七巧板
2016-10-15

为什么新出现的小球总是前一秒的数字

+ 我来回答 回答最高可+2积分
4 回答 827 浏览 4-3 华丽的小球滚动效果
2016-10-15

华丽的小球滚动效果问题

+ 我来回答 回答最高可+2积分
2 回答 776 浏览 4-3 华丽的小球滚动效果
2016-10-15
成长前端初学者
老师讲的很仔细，特别好
0 2-1 创建canvas
2016-10-15
无所畏惧小小小
源代码有问题检查了好多次才改过来。
将rander函数中的renderDigit(marLeft,marTop,parseInt(hours/10),cxt);
改为renderDigit(marLeft,marTop,parseInt(hours%10),cxt);
否则会溢出
1 3-3 倒计时的时间计算
2016-10-14
李聪是个笨笨
背景音乐好赞，先看了一点老师讲的玩转图像处理，cool！
1 1-1 欢迎进入Canvas的世界！
2016-10-14
董世源
const在IE 9 10不兼容
1 3-3 倒计时的时间计算
2016-10-13

打印出来的样式不对

最新回答 / 柠檬萌不萌
你没有清除上一次 绘制的圆球吧    cxt.clearRect(0,0,WINDOW_WIDTH,WINDOW_HEIGHT);//指定矩形进行刷新
1 回答 807 浏览 5-7 总结
2016-10-13
首页上一页52535455565758下一页尾页
开始学习
课程须知
1.要对HTML+CSS相关标签有所掌握；2.对网页布局知识有简单的了解；3.掌握一定的JS基础知识
老师告诉你能学到什么？
通过学习Cancas倒计时效果的基础知识：比如球形的绘制，动画的基础原理，让Canvas帮助我们制作出绚丽的效果，力图每一个课程除了介绍知识，还能帮助大家使用Canvas制作出属于自己的动画和游戏作品。

微信扫码，参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示：

您好，此课程属于迁移课程，您已购买该课程，无需重复购买，感谢您对慕课网的支持！

查看已购买的课程

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？
确认 取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？
确认 取消

举报

0/150
提交
取消