                        课程
                    
                        /前端开发
                        
                            /Html5
                        
                        /炫丽的倒计时效果Canvas绘图与动画基础

使用requestAnimationFrame

function step(){

render(context);

update();

requestAnimationFrame(step);

}

requestAnimationFrame(step);

改成requestAnimationFrame服用效果更佳吧~0.0

_小溪

2015-05-03

源自：炫丽的倒计时效果Canvas绘图与动画基础 5-7

关注问题我要回答

783

操作

收起

2 回答

幕布斯3595900
2024-04-12

html标签要加height属性,否则显示一半. 另外要改一下endtime的初始化时间.

<html style="height:100%">

const endTime = new Date(2024,3,12,18,47,52);

0 回复有任何疑惑可以回复我~

CrazyBeans
2016-04-28

使用 rerquestAnimationFrame 回调确流畅度更高但对于画面刷新频率并不高的时钟上来说都差不多，除非你要把时钟做成毫秒级，否则服用效果基本没有差别。

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

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

参与学习 96746 人
解答问题 1000 个

学习HTML5中最激动人心的技术Canvas，彻底释放自己的创造力

本课相似问答

2 回答这里使用requestanimationframe 试用么

1 回答在update中调用addBalls函数时，if使用嵌套的方式会使性能更好吗？

1 回答如何不使用update函数刷新

1 回答为什么不直接使用curShowTimeSeconds = getCurShowTimeSeconds()

5 回答为什么直接使用setInterval(getCurrentShowTimeSeconds(),50)不行？

搜索更多本课相关问答

使用requestAnimationFrame

我要回答关注问题

意见反馈帮助中心 APP下载