延迟定时器、间隔定时器

最新推荐文章于 2024-07-10 14:03:37 发布

星屿H

最新推荐文章于 2024-07-10 14:03:37 发布

阅读量1.2k

点赞数 3

分类专栏：原生js 文章标签： javascript

本文链接：https://blog.csdn.net/qq_48294048/article/details/120101498

版权

本文介绍了JavaScript中的延迟定时器和间隔定时器，它们用于控制代码在特定时间后执行。延迟定时器setTimeout仅执行一次，常用于一次性广告；而间隔定时器setInterval会持续执行，适合于计时器、倒计时和动态效果等场景。文中还给出了这两种定时器的代码实现示例，包括创建关不掉的广告和倒计时功能。

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

定时器：让代码每隔一段时间或等待一段时间后再执行的代码，就叫定时器

延迟定时器：让代码等待一会，在执行只执行一次

语法：setTimeout(函数,时间); 单位：毫秒 1s=1000ms

场景：一次性广告、关不掉的广告

间隔定时器：让代码每隔一段时间就执行一次不间断的执行

语法：setInterval(函数,事件); 单位：毫秒 1s=1000ms

场景：计时器、倒计时、轮播图、时钟、动态效果

延迟定时器实现关不掉的广告

代码实现：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div {
            width: 200px;
            height: 200px;
            border: 1px solid green;
            position: fixed;
            bottom: 10px;

最低0.47元/天解锁文章

星屿H

关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
延迟定时器、间隔定时器

延迟定时器：让代码等待一会，在执行只执行一次语法：setTimeout(函数,时间); 单位：毫秒场景：一次性广告、关不掉的广告<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <met...
复制链接

扫一扫