在 jQuery 中，我们可以使用 setInterval() 和 clearInterval() 来自定义定时器。setInterval() 函数用于在指定的时间间隔内重复执行一个函数，而 clearInterval() 函数用于清除定时器，停止定时执行。
下面是使用 jQuery 自定义定时器的示例：
<!DOCTYPE html>
<html>
<head>
<title>自定义定时器示例</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<div id="timerOutput">定时器输出</div>
<button id="startTimer">启动定时器</button>
<button id="stopTimer">停止定时器</button>
<script>
var intervalID; // 定义一个变量用于存储定时器ID
// 启动定时器
$("#startTimer").on("click", function() {
// 每1000毫秒（即1秒）执行一次输出函数
intervalID = setInterval(function() {
outputToDiv();
}, 1000);
});
// 停止定时器
$("#stopTimer").on("click", function() {
clearInterval(intervalID); // 清除定时器
});
// 输出函数
function outputToDiv() {
var currentDate = new Date();
$("#timerOutput").text("当前时间：" + currentDate.toLocaleTimeString());
}
</script>
</body>
</html>
在上面的示例中，我们使用了两个按钮和一个 <div> 元素。点击 “启动定时器” 按钮后，setInterval() 函数会每秒钟调用 outputToDiv() 函数，并将当前时间输出到 <div> 元素中。点击 “停止定时器” 按钮后，clearInterval() 函数会停止定时执行。
这只是一个简单的示例，你可以根据自己的需求来自定义定时器的执行逻辑和时间间隔。记得在使用定时器时，根据具体情况合理设置定时器的间隔，避免不必要的资源浪费。
本站资源均来源于互联网，仅限于学习研究，严禁从事商业或者非法活动！丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：jquery 如何自定义定时器示例代码
