jQuery的clearQueue()函数用于清除元素上挂起的所有动画效果或事件
▥前端
𝄐 0
jquery clearinterval
jQuery的clearQueue()函数用于清除元素上挂起的所有动画效果或事件。它会立即停止当前正在运行的动画,然后从该元素的队列中移除所有未执行的动画。
语法:$(selector).clearQueue(queueName);
参数:
- queueName:可选参数,指定要清除的队列名称。如果省略该参数,则默认清除所有队列。
示例:
HTML代码:
<div id="myDiv"></div>
<button id="startBtn">开始动画</button>
<button id="stopBtn">停止动画并清空队列</button>
jQuery代码:
// 添加两个动画到 myDiv 元素的队列中
$("#myDiv").animate({ left: "100px" }, 2000);
$("#myDiv").animate({ top: "50px" }, 2000);
// 点击“开始动画”按钮,启动队列中的动画
$("#startBtn").click(function () {
$("#myDiv").dequeue();
});
// 点击“停止动画并清空队列”按钮,停止正在运行的动画并清空队列
$("#stopBtn").click(function () {
$("#myDiv").stop();
$("#myDiv").clearQueue();
});
在上面的示例中,当用户点击“开始动画”按钮时,将从myDiv元素的队列中移除一个动画,从而启动下一个动画。而当用户点击“停止动画并清空队列”按钮时,将停止正在运行的动画,并清除myDiv元素的所有队列。
jQuery的clearQueue()函数用于清除元素上挂起的所有动画效果或事件。它会立即停止当前正在运行的动画,然后从该元素的队列中移除所有未执行的动画。
语法:$(selector).clearQueue(queueName);
参数:
- queueName:可选参数,指定要清除的队列名称。如果省略该参数,则默认清除所有队列。
示例:
HTML代码:
<div id="myDiv"></div>
<button id="startBtn">开始动画</button>
<button id="stopBtn">停止动画并清空队列</button>
jQuery代码:
// 添加两个动画到 myDiv 元素的队列中
$("#myDiv").animate({ left: "100px" }, 2000);
$("#myDiv").animate({ top: "50px" }, 2000);
// 点击“开始动画”按钮,启动队列中的动画
$("#startBtn").click(function () {
$("#myDiv").dequeue();
});
// 点击“停止动画并清空队列”按钮,停止正在运行的动画并清空队列
$("#stopBtn").click(function () {
$("#myDiv").stop();
$("#myDiv").clearQueue();
});
在上面的示例中,当用户点击“开始动画”按钮时,将从myDiv元素的队列中移除一个动画,从而启动下一个动画。而当用户点击“停止动画并清空队列”按钮时,将停止正在运行的动画,并清除myDiv元素的所有队列。
本文地址:
/show-270048.html
版权声明:除非特别标注原创,其它均来自互联网,转载时请以链接形式注明文章出处。