setInterval(倒计时实例)和setTimeout的用法-白红宇

setInterval(倒计时实例)和setTimeout的用法

阅读量：4116 次

发布时间：2019-05-25

本文共 2538 字，大约阅读时间需要 8 分钟。

1,HTML DOM setInterval() 方法
定义和用法
setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。
setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。
语法
setInterval(code,millisec[,"lang"])
参数描述
code 必需。要调用的函数或要执行的代码串。
millisec 必须。周期性执行或调用 code 之间的时间间隔，以毫秒计。
返回值
一个可以传递给 Window.clearInterval() 从而取消对 code 的周期性执行的值。
2,HTML DOM clearInterval()方法
定义和用法
clearInterval() 方法可取消由 setInterval() 设置的 timeout。
clearInterval() 方法的参数必须是由 setInterval() 返回的 ID 值。
语法
clearInterval(id_of_setinterval)
参数描述
id_of_setinterval 由 setInterval() 返回的 ID 值。

实例：

html页面

js页面

点击按钮的时候，让按钮变灰，一分钟倒计时，到时间就把按钮重新使用

$(document).ready(function() {        function enableBtn(){            $("#validateBtn").removeAttr("disabled");               }    var seed=60;//60秒    var t1=null;	$("#validateBtn").bind("click", function() {                $("#validateBtn").attr("disabled","disabled");                                  t1 = setInterval(tip, 1000);                				var params = {					"phoneNo":$('#phoneNo').val()				};				var param = JSON.stringify(params);				var paramObj = {					"inparam" : param				};				$.ajax({							url : "kehu/getCode",							async : true,//同步							type : 'POST',							data : paramObj,							success : function(data, textStatus) {								//alert(data);                                if(data == 'success'){//                                	setTimeout(enableBtn, 60000);                                                                    }							},							error : function(XMLHttpRequest, textStatus,									errorThrown) {								alert("error");								//alert("statusText=" + textStatus);							}						});			});	function tip() {		seed--;		if (seed < 1) {			enableBtn();			seed = 60;			$("#info").text('');            var t2 = clearInterval(t1);		} else {			$("#info").text(seed);		}	}

时间

下面这个例子将每隔 50 毫秒调用 clock() 函数。您也可以使用一个按钮来停止这个 clock：

setTimeout :

1,HTML DOM setTimeout() 方法

定义和用法

setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。

语法

setTimeout(code,millisec)

参数描述

code 必需。要调用的函数后要执行的 JavaScript 代码串。

millisec 必需。在执行代码前需等待的毫秒数。

提示和注释

提示：setTimeout() 只执行 code 一次。如果要多次调用，请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。

Click on the button above. An alert box will be displayed after 5 seconds.

2,HTML DOM clearTimeout() 方法

定义和用法clearTimeout() 方法可取消由 setTimeout() 方法设置的 timeout。语法clearTimeout(id_of_settimeout)

参数描述

id_of_setinterval 由 setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块。

实例下面的例子每秒调用一次 timedCount() 函数。您也可以使用一个按钮来终止这个定时消息：

转载地址：http://lsupi.baihongyu.com/

你可能感兴趣的文章