`
geweixin
  • 浏览: 39708 次
  • 性别: Icon_minigender_1
  • 来自: 江苏
文章分类
社区版块
存档分类
最新评论

关于setTimeout和setInterval的用法

阅读更多
setTimeout(表达式,延迟时间); 单位:ms(毫秒);1s=1000ms;
setInterval(表达式,交互时间); 单位:ms(毫秒);1s=1000ms;

window.setTimeout()
在执行时,它从载入后延迟指定的时间去执行一个表达式或者是函数;仅执行一次;和window.clearTimeout一起使用.

window.setInterval()
在执行时,它从载入页面后每隔指定的时间执行一个表达式或者是函数;(功能类似于递归函数);和window.clearInterval一起使用.

举个例子吧!

< script>
function showtime( ){
var otime = new Date( );
var mytime = otime.getHours()+':'+otime.getMinutes()+':'+otime.getSeconds();
document.getElementById('mytext').value = mytime;
window.clearTimeout(tt);
var tt = setTimeout("showtime()",1000);//也可以写成 var tt = setTimeout(showtime,1000);
}
< /script>


< input type=text id='mytext'>
< div onclick='setTimeout("showtime()",1000)'>设置< /div>

//上面的代码实现是时钟,在来看一下用
// setInterval实现此效果

< script>
function showtime( ){
var otime = new Date( );
var mytime = otime.getHours()+':'+otime.getMinutes()+':'+otime.getSeconds();
document.getElementById('mytext').value = mytime;
}
< /script>


< input type=text id='mytext'>
< div onclick='setTimeout("showtime()",1000)'>设置< /div>
分享到:
评论

相关推荐

    关于JS定时器(setTimeout setInterval)定时不准问题1

    setTimeout和setInterval的基本用法 setTimeout函数用于在指定的延迟时间后执行一个函数,返回一个惟一的ID,可以通过该ID取消定时器。setInterval函数用于在指定的延迟时间后循环执行一个函数,直到它被取消。 ...

    javascript之setTimeOut和setInterval的用法

    使用SetInterval和设定延时函数setTimeout 很类似。setTimeout 运用在延迟一段时间,再进行某项操作。

    Javascript中, setTimeout() 和 setInterval() 的方法

    总之,`setTimeout()`和`setInterval()`是JavaScript中用于处理时间调度的核心工具,它们的正确使用对于编写健壮的前端应用至关重要。理解它们的工作机制,并根据需求选择合适的函数,能够帮助开发者更好地控制代码...

    Javascript中setTimeOut和setInterval的定时器用法

    Javascript的setTimeOut和setInterval函数应用非常广泛,它们都用来处理延时和定时任务,比如打开网页一段时间后弹出一个登录框,页面每隔一段时间发送异步请求获取最新数据等等。但它们的应用是有区别的。 ...

    setTimeout和setInterval的区别

    在JavaScript中,定时执行任务是通过`setTimeout`和`setInterval`这两个函数来实现的。它们都是用于在指定延迟后执行代码,但它们之间存在显著的区别。 `setTimeout`函数用于在给定的`DelayTime`(延迟时间)过后...

    JS中的setTimeout和setInterval的区别JS中的setTimeout和setInterval的区别

    通过以上的分析可以看出,尽管`setTimeout`与`setInterval`都可以用来控制代码的执行时间,但它们的应用场景和执行方式存在本质的区别。正确理解和运用这两个函数对于提高JavaScript程序的性能和用户体验至关重要。

    快速掌握Node.js中setTimeout和setInterval的使用方法

    今天先学下setTimeout和setInterval的使用。 一、setTimeout超时计时器(和GCD中的after类似) 在node.js中可以使用node.js内置的setTimeout(callback,delayMillSeconds,[args])方法。当调用setTime()时回调函数会在...

    给c#添加SetTimeout和SetInterval函数.docx

    ### 给C#添加SetTimeout和SetInterval函数 在日常的软件开发过程中,我们经常会遇到需要定时执行某些任务的情况。JavaScript 提供了 `setTimeout` 和 `setInterval` 这两个非常方便的函数来处理这样的需求。然而,...

    javascript setTimeout和setInterval计时的区别详解

    JavaScript中的定时器函数setTimeout和setInterval都用于延迟执行代码,但它们的工作方式和用法有所不同。以下是关于这两个函数的详细解析: 1. setTimeout函数的基本概念和用法: setTimeout是JavaScript中的一个...

    JavaScript setTimeout和setInterval的使用方法 说明

    在JavaScript编程中,setTimeout和setInterval是用于控制代码在一定时间后执行或定期重复执行的两个非常有用的函数。这两个函数都是JavaScript的全局函数,可以在浏览器环境中直接使用,也可以在Node.js中使用。 ##...

    setTimeout和setInterval的浏览器兼容性分析

    ### setTimeout和setInterval的浏览器兼容性分析 #### 一、概述 `setTimeout` 和 `setInterval` 是JavaScript中用于处理延时与周期性任务的重要函数。它们被广泛应用于各种前端开发场景,例如页面动画效果、轮询...

    JavaScript定时器:`setTimeout`和`setInterval`的深入指南

    本文将详细介绍这两个函数的使用方法、差异、以及如何在实际项目中有效利用它们。 setTimeout和setInterval是JavaScript中控制时间的两个强大工具。它们在前端开发中的应用非常广泛,从简单的延迟执行到复杂的定时...

    VUE中setTimeout和setInterval自动销毁案例

    在Vue.js应用中,我们经常会遇到使用`setTimeout`和`setInterval`来实现某些延时或周期性操作。然而,如果不正确地管理这些定时器,它们可能会在组件被销毁后仍然继续运行,导致不必要的资源消耗和潜在的问题。本文...

    javascript setTimeout和setInterval 的区别

    JavaScript中的`setTimeout`和`setInterval`是两个重要的定时器函数,它们都属于全局`window`对象的方法,常用于在指定的时间后执行某段代码或周期性地重复执行某段代码。然而,它们的工作机制和用途有所不同。 1. ...

    vue 解决setTimeOut和setInterval函数无效报错的问题

    问题在于,当在Vue组件的方法中使用`setTimeout`或`setInterval`时,由于函数内部的`this`不再指向Vue实例,而是指向全局对象(在浏览器环境中通常是`window`)。因此,当尝试调用如`this.time()`这样的方法时,...

    JavaScript中SetInterval与setTimeout的用法详解

    setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。 注:调用过程中,可以使用clearTimeout(id_of_settimeout)终止 参数 描述 code 必需,要调用的函数后要执行的 JavaScript 代码串。 ...

    javascript中setTimeout和setInterval的unref()和ref()用法示例

    unref()和ref()用法非常的简单,就是取消和回复setTimeout和setInterval函數的調用的。 代码如下: 代码如下:  var testFunction=function(){  console.log(“guoyansi”);  }  var timer=setInterval(test...

    Javascript对象中关于setTimeout和setInterval的this介绍

    在Javascript里,setTimeout和setInterval接收第一个参数是一个字符串或者一个函数,当在一个对象里面用setTimeout延时调用该对象的方法时 代码如下: function obj() { this.fn = function() { alert&#40;...

    JavaScript中从setTimeout与setInterval到AJAX异步

    在JavaScript中,setTimeout和setInterval是两种常见的定时器函数,用于实现异步操作。JavaScript作为单线程语言,其主线程的执行是顺序的,但是在处理某些操作,如延时任务或者周期任务时,会借助事件循环机制和回...

Global site tag (gtag.js) - Google Analytics