javascript定时器做一个又快到慢的点名/抽奖效果

最新推荐文章于 2023-08-30 09:50:26 发布

DonkeyMini

最新推荐文章于 2023-08-30 09:50:26 发布

阅读量1.6k

点赞数

分类专栏： JavaScript/Jquery

本文链接：https://blog.csdn.net/DonkeyMini/article/details/73604379

版权

本文介绍了如何利用JavaScript的setTimeOut()和setInterval()方法来创建一个从快到慢的点名或抽奖效果。setTimeOut用于单次延迟执行函数，setInterval则用于周期性重复调用函数。通过这两个函数的巧妙结合，可以实现动态且吸引人的用户体验。

摘要由CSDN通过智能技术生成

What

1.Window对象的setTimeOut()&setInterval()用来注册在指定的时间之后单次或重复调用的函数。

2.都是客户端javascript中的全局函数。

3.①setTimeOut()方法：实现一个函数在指定的毫秒数之后运行。setTimeOut返回以一个值，这个值可以传递给clearTimeout()，用于取消这个函数的执行。

②setInterval()在指定毫秒数之间重复调用。

例子

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>随机点名效果</title>
    <link rel="stylesheet" href="css/bootstrap.css">
    <style>
        .call-box{
            border: 1px solid #aaa;
            width: 300px;
            height: 250px;
            margin: 50px auto;