javascript基础-4

<h2>一：定时器</h2>
<ul>
<li>定义：在一个设定的时间间隔之后来执行代码。</li>
<li>
定时器种类：
<ul>
<li>1.setTimeout(函数,毫秒)</li>
<li>2.setInterval(函数,毫秒)</li>
</ul>
</li>
<li>
取消定时器：clearTimeout()
<ul>
<li>参数我定时器的变量名称</li>
</ul>
</li>
<li>
应用场景：
<ul>
<li>1.在多少秒之后，显示警告框</li>
<li>2.计时器相关</li>
<li>3.倒计时</li>
<li>4.自定义动画等等</li>
</ul>
</li>
</ul>
<h2>二：定时器的应用</h2>
<ul>
<li>
基础案例
<ul>
<li>1.定时器之5s弹框.</li>
<li>2.定时器之逝去的时间.</li>
<li>3.开始倒计时.</li>
</ul>
</li>
<li>其他应用</li>
<li>运动学公式</li>
<li>
案例：
<ul>
<li>匀速运动（等差数列）</li>
<li>
减速运动（步伐递减）
<ul>
<li>leader = leader + (target - leader) / 10;</li>
</ul>
</li>
<li>四舍五入函数、随机函数</li>
<li>展示长图</li>
<li>展示阴影 </li>
<li>一次性定时器多次执行</li>
<li>淘宝轮播图</li>
<li>简单的轮播图实现</li>
</ul>
</li>
</ul>
<h2>三：左右轮播图实现</h2>
<ul>
<li>
方式一
<ul>
<li>1.step控制动画的快慢</li>
<li>2.loop控制停止在第几张</li>
<li>3.必须有一个图片宽的的差值用定时器累加或者累减</li>
<li>原理：见PPT</li>
</ul>
</li>
<li>
方式二
<ul>
<li>原理：见PPT</li>
</ul>
</li>
<li>节流思想 </li>
</ul>

</body>
</html>