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

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

liuyubobobo 全栈工程师
查看讲师更多课程 liuyubobobo讲师的其他课程
难度中级
时长 1小时30分
学习人数
综合评分9.70
349人评价 查看评价
9.9 内容实用
9.7 简洁易懂
9.5 逻辑清晰
全部 评论 问答 未解决 精华
Elevens_regret
上一条我说错了，curtimeshowseconds不是固定的，而是每个50毫秒，程序会检测一次curtimeshowseconds和nextshowtimeseconds的值，如果两者不一样，就把nextshowtimeseconds的值赋给curtimeshowseconds。也就是说curtimeshowseconds是被动改变的，他会根据nextshowtimeseconds的值变化而变化。就是说每隔50毫秒，nextshowtimeseconds先变化，再把变化后的nextshowtimeseconds赋给curtimeshowseconds。
0 4-1 一个实现动画的基础函数
2016-01-15
Elevens_regret
curtimeshowseconds获取的时间是一个固定值，每次刷新页面的时候就完成了curtimeshowseconds的获取。
nextshowtimeseconds获取的时间每50毫秒都在变化，因为nextshowtimeseconds是包含在一个setInterval里面的。

所以nextshowtimeseconds是一个每格50毫秒就变化一次的值，而curtimeshowseconds是一个固定值。只要不刷新页面，curtimeshowseconds的值就不会变
13 4-1 一个实现动画的基础函数
2016-01-15
10445517
酷到飞起！
0 5-2 屏幕自适应
2016-01-14

nextShowTimeSeconds和curShowTimeSeconds不是一样的吗？都是getCurrentShowTimeSeconds()的值，为什么还要比较？

已采纳回答 / Aexus
nextShowTimeSeconds在定时器中，值会随着定时器变化的，curShowTimeSeconds不在定时器中，不会随定时器变化。虽然调用的方法一样，但结果却不一样！还是推荐你去看看javascript中的定时器相关的知识
1 回答 971 浏览 4-3 华丽的小球滚动效果
2016-01-14
慕运维1042618
以前我脑子里，数学是数学，物理是物理，程序是程序，读书的时候能将物理数学结合在一起，却从来没有学会将数学和物理用在程序上，还是脑子太死了。一口气看完了整个视频，感觉学到了很多。
0 5-7 总结
2016-01-13
慕运维1042618
受益匪浅啊。感觉瞬间学到了好多东西
0 5-1 性能优化
2016-01-12

为什么彩色小球会在数字变化以后才加上呢，最终导致，倒计时变为2的时候，彩色小球是3？

+ 我来回答 回答最高可+2积分
0 回答 377 浏览
2016-01-12
papillon
讲的太棒了，大赞！
0 5-8 综合介绍
2016-01-12

时钟被覆盖

最新回答 / BlueFishQ
<...code...>body和canvas上都加上 width：100%
1 回答 836 浏览 5-3 改进成时间管理小工具
2016-01-11
我是传奇3310
2个地方有可能报错，以本人的错误为例
第一月份是从0开始的
第二 var minutes = parseInt((curShowTimeSeconds - hours*3600)/60);
计算月份的时候 要把里面的计算括起来 不然计算结果会出错。
2 3-3 倒计时的时间计算
2016-01-11

x,y是什么？

最新回答 / lude007
不是，x，y表示坐标点，你把canvas的画布想象成坐标轴。以左上角为（0，0）起始点的坐标轴，这样你就明白了。
1 回答 663 浏览 3-2 倒计时数字钟的具体绘制
2016-01-11
凌风2015
老师的小球物理运动不懂，求指教
ball.x += ball.vx;
ball.y += ball.vy;
ball.vy += ball.g;
0 4-2 使用canvas做个物理实验
2016-01-11
rainrain
已经看了老师两个课程了，太赞了，完整而且清晰！
0 5-1 性能优化
2016-01-10
西毒疯欧阳
好鸡冻啊啊
0 1-1 欢迎进入Canvas的世界！
2016-01-10
张巍骞_ECNU
好炫！！！
0 1-1 欢迎进入Canvas的世界！
2016-01-10
花易折
屏幕显示不正常的 HTML标签加一个height：100% 就可以了 记得点赞哦
12 5-2 屏幕自适应
2016-01-10
首页上一页100101102103104105106下一页尾页
开始学习
课程须知
1.要对HTML+CSS相关标签有所掌握；2.对网页布局知识有简单的了解；3.掌握一定的JS基础知识
老师告诉你能学到什么？
通过学习Cancas倒计时效果的基础知识：比如球形的绘制，动画的基础原理，让Canvas帮助我们制作出绚丽的效果，力图每一个课程除了介绍知识，还能帮助大家使用Canvas制作出属于自己的动画和游戏作品。

微信扫码，参与3人拼团

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

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

查看已购买的课程

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？
确认 取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？
确认 取消

举报

0/150
提交
取消