JS基础-特效篇(定时器)08-一次定时器

本文主要讲解JS中的一次定时器用于实现匀速动画的效果。首先介绍了什么是一次定时器,即如何设置一个任务在指定时间后执行。接着提到了软件Xmind的使用,虽然作者不太熟悉,但推荐了相关的撩课视频资源。然后,重点讨论了如何封装一个匀速动画函数,指出大部分动画都需要用到定时器。最后,详细阐述了封装动画函数涉及的页面元素、样式和JS函数,并提到在JavaScript中操作DOM元素的样式与CSS有所不同,属性名通常是驼峰式且不包含横杠。
摘要由CSDN通过智能技术生成

1.一次定时器:某个行为需要在多长时间后执行!

setTimeout(function () {
   
        alert(1);
    }, 1000)

2.编程思维:软件Xmind–>不太会用!(撩课视频推荐的)
3.匀速动画(封装一个动画函数,大部分动画里面都需要定时器!)
JS可以封装很多动画库!
综合动画:可以水平移动,也可以竖直移动;运用定位left,top或者设置margin-left。
在这里插入图片描述
1)页面元素

<button id="btn">开始动画</button>
<div id="box"></div>

2)样式

<style>
    #box {
   
        background-color: deeppink;
        width: 200px;
        height: 200px
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值