JS中setInterval()函数

最新推荐文章于 2024-05-30 09:05:20 发布
最新推荐文章于 2024-05-30 09:05:20 发布
阅读量1.7k 收藏 3
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tanglu1996/article/details/80508072
版权
1、setTimeout 延迟函数，时间单位是毫秒

setTimeout(function(){

alert("时间延迟了");

},1000);

2. setInterval()  计时器，可以做时钟
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <script>
        var hour=0;
        var min=0;
        var sec=0;
        var hourStr,minStr,secStr;
        setInterval(function(){
            var colock=document.getElementById("divd");
            sec++;
            if(sec>=60){
                sec=0;
                min++;
            }
            if(min>=60){
                min=0;
                hour++;
            }
            if(hour>=24){
                hour=0;
            }
            hour>=10?hourStr=hour:hourStr="0"+hour;
            min>=10?minStr=min:minStr="0"+min;
            sec>=10?secStr=sec:secStr="0"+sec;
            str=hourStr+":"+minStr+":"+secStr;
            colock.innerHTML=str;
        },1000);
    </script>
    <style>
        .div{
            width: 400px;
            height: 100px;
            margin: 100px auto;
            font-size: 80px;
            line-height: 100px;
            text-align: center;
            border: 2px solid gray;
            border-radius: 15px;
            box-shadow:10px 10px 5px #888888;
        }
    </style>
</head>
<body>
    <div class="divd" id="divd">
        00:00:00
    </div>
</body>
</html>

tanglu1996
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
浅谈js的setInterval事件
12-09
setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。 setinterval()用法 setInterval(code,millisec[,”lang”]) 后面就两个参数code是你的js代码，millisec为时间间隔，以毫秒计 代码如下: <body>    <div id=”content”  style=”position:relative; height:1000px; width:1000px; background-col
14.1 setTimeout和setInterval的使用
k的专栏
12-11 1060
14.1  setTimeout和setInterval的使用这两个方法都可以用来实现在一个固定时间段之后去执行JavaScript。不过两者各有各的应用场景。 方 法实际上，setTimeout和setInterval的语法相同。它们都有两个参数，一个是将要执行的代码字符串，还有一个是以毫秒为单位的时间间隔，当过了那个时间段之后就将执行那段代码。不过这两个函数还是有区别的，set
setInterval函数介绍（在js用于定时监听一个属性）
最新发布
z2000ky的博客
05-30 182
需要注意的是，setInterval 并不保证每次执行的间隔都完全准确，因为 JavaScript 运行在单线程环境中，如果前一个执行的任务花费了很长时间，那么下一个任务可能会延迟执行。此外，如果你在一个 setInterval 的回调函数中创建了另一个 setInterval，可能会导致计时器之间的冲突或难以管理的问题。因此，在使用 setInterval 时需要谨慎，并确保在适当的时候清除它们，以避免潜在的内存泄漏或其他问题。
定时器总结：setTimeout与setInterval
xiaoyisuperman的博客
03-26 818
setTimeout和setInterval的语法相同。它们都有两个参数，一个是将要执行的代码字符串，还有一个是以毫秒为单位的时间间隔。 setInterval(()=>{}, 1000); setTimeout(()=>{}, 1000); 区别：setInterval在执行完一次代码之后，经过指定的时间间隔，执行代码，而setTimeout只执行一次那段代码。 注意：假设set...
【实践功能记录1】按顺序跳动选中效果(定时器的使用)
cpsxn的博客
10-28 425
一、定时器 setTimeout(() => {},1000) 1秒之后执行 setInterval(() => {},1000) 每隔1秒执行 1 设置定时器 在data中定义一个新的变量来接收定时器 在data中定义： timer：null 接收定时器： this.timer = setInterval(() => { console.log(1) },1000) 2 清空定时器 （obj，this.timer :创建定时器时，用于接收定时器的变量） clearTimeou
JavaScript：setInterval() 用法详解
孙悟空
06-03 3万+
本文介绍了js中setInterval() 的用法，如何使用，如何停止。
JavaScript使用setInterval()实现真实进度条
Lance的博客
12-17 3231
参考博客：https://blog.csdn.net/q1w2e3r4470/article/details/72702406 1.为什么要使用真实进度条： 最近做到的一项业务数据量大，单次操作执行时间很长，所以需要前端看到真实进度条（根据前端上传的Excel表格处理其中的数据） 2.编码过程 我的项目前后端不分离，前端是jsp，后台是java 2.1前端： 为了方便理解，我把代码尽量精简 <style> button { width: 100%; .
【javascript】setInterval定时器的问题
lizixiang1993的专栏
04-16 855
setInterval定时器的问题一般js进行循环任务的时候才用两种方式 setTimeout 和 setInterval ,两种方式上理论上是可以进行切换的。但遇到某些地方会出现两种情况。 运行时间超过任务循环时间的情况 运行时间超过任务循环时间当规定一个任务每隔1s触发，但是运行任务占用了2s，由于js是单线程的语言，因此下一个任务会在当前运行了1s就进入任务等待队列。 运行任务结束后已有两个
smart-interval:javascript中setInterval函数的智能版本
05-22
智能间隔javascript中setInterval函数的智能版本。 ＃＃用法： var timer_1 = new timer ( ) ;timer_1 . start ( function ( ) { //magic here} , 2000 , false ) ;var timer_2 = new timer ( ) ;timer_2 . start ( ...
JavaScript中setTimeout和setInterval函数的传参及调用
10-22
主要介绍了JavaScript中setTimeout和setInterval函数的传参及调用,着两个函数可以把要执行的代码在设定的一个时间点插入js引擎维护的一个代码队列中,需要的朋友可以参考下
JavaScript中setInterval的用法总结
12-09
JavaScript中的`setInterval`函数是用于周期性执行某段代码的关键工具，特别是在创建动画效果、定时更新内容或者执行定期任务时。它的工作原理是，在指定的毫秒间隔后重复调用一个函数或对象的方法。 `setInterval`...
深入理解setTimeout函数和setInterval函数
09-02
深入理解JavaScript中的`setTimeout`和`setInterval`函数至关重要，因为它们是创建动态效果和定时任务的核心工具。本文将详细解析这两个函数的定义、用法、应用场景以及它们之间的区别。 一、`setTimeout`函数 `...
IOS系统中，倒计时（setInterval函数）失效的问题
03-29
ps：由于小程序一直在更新中，所以并不保证下面的方 ...       先说结论：挂起（显示在聊天顶部）状态无法完美解决，息屏状态可以完美解决。  本帖目的只是分享在碰到问题时的解决方法和思路。如果不能解决您的...
JavaScript中定时器的练习
plannothing的博客
08-22 829
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> window.onload = function(){ /* * 使图片可以自动切换 */ //获取img标签 var img1 = document.getE
setInterval()函数
SHUSHANGLIUMIAN的博客
07-13 5773
定义和用法setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。作业：拆炸弹游戏，倒计时10秒，每隔两秒拆一次（拆成功的几率是20%），如果拆成功则定时器技术，显...
setInterval函数的用法
热门推荐
yzn77的博客
07-11 5万+
我是想用canvas实现一个进度条，用到这个定时器setInterval，但是调用的函数只执行了一次。 定义： setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。 setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。 用法： setInterval(code, milliseconds); set
JS 定时器setInterval()
m0_46580493的博客
11-14 4941
JS 定时器setInterval()
深入理解 JavaScript 中的 setInterval 函数
专注于深入研究多种编程语言，以实战为导向，逐步拓展开发技能，提升工程化编码和思维能力，展现无敌技术实力。
12-23 954
JavaScript 中的 setInterval() 函数是一个关键工具，它允许开发者按照设定的时间间隔重复执行特定的代码。这个函数对于处理定时任务、实现动态内容更新以及执行周期性操作非常有用。本文将深入探讨 setInterval() 的语法、用法、性能考量以及最佳实践，帮助你更好地理解和运用这一功能。
小白的笨笨知识【用原生js实现一个倒计时项目】
weixin_61084645的博客
09-04 195
左侧输入为大于0的整数，单位是毫秒，右侧显示倒计时的时间 应用：Window setLenterval () 方法 setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。 setInterval() 方法会不停地调用函数，直到clearInterval()被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。 setInterval(co...
js中的setInterval函数详解
06-03
`setInterval()` 是 JavaScript 中的一个函数，用于周期性地调用函数或执行一段代码。它的语法如下： ```javascript setInterval(function, interval); ``` 其中，第一个参数是一个函数或一段代码，表示要周期性地...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值