倒计时,距离活动还有0天0时0分0秒

目录

 

一、纯ppt实现倒计时

(一)PPT动画10秒倒计时

(二)PPT插入10秒视频倒计时

(三)PPT编程倒计时天时分秒

二、ppt+倒计时软件

(一)10秒倒计时

(二)倒计时软件

三、ppt、倒计时网页

四、最终实现效果

五、附件


起因:公司半年度冲刺大会有一个倒计时环节(效果为:先10秒倒计时,之后出现距离冲刺竞赛结束还有85天7时25分45秒)。起先想在ppt中实现,后来发现没有“专业人才”能做,后来想用网页实现倒计时,接着ppt超链接跳转。领导觉得跳转打开速度慢且不能打开就是全屏,最后直接分成两块ppt和网页分开播放,主要过程如下:

一、纯ppt实现倒计时

方案一:PPT动画倒计时10秒+PPT编程倒计时天时分秒。

方案二:PPT插入倒计时10秒视频+PPT编程倒计时天时分秒。

拆开来说就是三个部分的实现:动画10秒倒计时、10秒视频倒计时、编程倒计时天时分秒。

(一)PPT动画10秒倒计时

可参考这篇文章,自公众号“利兄日志”引用:

炸裂的倒计时动画,用PPT到底该如何实现?

我只能说是我想要的效果,并且讲的很细致,主要就是数字进入和消失动画效果的排序,掌握这个好像就掌握了很多动画效果,我觉得很有用。

我实现的效果如下:

(二)PPT插入10秒视频倒计时

视频是在B站下载的,其他途径我没试也懒得试。

注意:

1.下载无水印的。

2.B站的视频手机端存储位置为  本地存储/Android/data/ tv.danmaku.bili/ download。并且是音视频分开的,想要合并这里引用一个工具,超级详细,如何把B站缓存m4s文件转换成mp4格式,作者是“热心市民小张123”。

3.注意缓存的清晰度。

剪辑工具用的"必剪"。

(三)PPT编程倒计时天时分秒

说实话我对ppt编程是一窍不通的,也弄不清宏和vba和vb之前到底有啥区别和联系,总之百度很强大,同事很乐于助人。

首先,借鉴的是 怎么制作倒数100天的倒数计时ppt?这里主要是让我明白了可能要插入哪些控件,以及代码模块的语法结构。

接着,百度到的代码是:

Private Sub TextBox1_Change()
Call Label1_Click
End Sub

Private Sub
  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,以下是用 JavaScript 实现一个倒计时效果距离 5.1 大促还有多少、小钟、的代码: ``` // 假设 5.1 大促的日期为 2021 年 5 月 1 日 const targetDate = new Date('2021-05-01T00:00:00Z').getTime(); function countDown() { const now = new Date().getTime(); const remaining = targetDate - now; // 计算剩余的、小钟、数 const days = Math.floor(remaining / (1000 * 60 * 60 * 24)); const hours = Math.floor((remaining % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); const minutes = Math.floor((remaining % (1000 * 60 * 60)) / (1000 * 60)); const seconds = Math.floor((remaining % (1000 * 60)) / 1000); // 将计算结果字符串化,用于展示 const daysStr = days.toString().padStart(2, '0'); const hoursStr = hours.toString().padStart(2, '0'); const minutesStr = minutes.toString().padStart(2, '0'); const secondsStr = seconds.toString().padStart(2, '0'); // 在 HTML 中展示倒计时效果 document.getElementById('days').textContent = daysStr; document.getElementById('hours').textContent = hoursStr; document.getElementById('minutes').textContent = minutesStr; document.getElementById('seconds').textContent = secondsStr; } // 每钟更新一次倒计时 setInterval(countDown, 1000); ``` 以上代码假设页面中有 ID 别为 `days`、`hours`、`minutes`、`seconds` 的元素用于展示倒计时。运行后会每钟更新一次倒计时的展示效果,直到 5.1 大促日期到来倒计时效果结束。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值