当前位置:首页 > jquery

jquery 暂停

2026-02-03 18:21:40jquery

以下是几种使用 jQuery 暂停动画或操作的方法:

暂停动画

使用 .stop() 方法可以立即停止当前正在运行的动画。该方法接受两个布尔参数:

  • 第一个参数决定是否清除动画队列(默认为 false
  • 第二个参数决定是否跳转到动画的最终状态(默认为 false
$("#element").stop(); // 暂停当前动画,保留队列
$("#element").stop(true, true); // 暂停并跳转到最终状态

延迟执行

通过 .delay() 方法可以暂停后续动画的执行,参数为延迟的毫秒数:

$("#element").delay(1000).fadeOut(); // 延迟 1 秒后淡出

清除动画队列

使用 .clearQueue() 可以清空动画队列,但不会停止当前动画:

$("#element").clearQueue(); 

暂停视频/音频

对于媒体元素(如 <video><audio>),可以直接调用原生 DOM 方法:

$("#myVideo")[0].pause(); // 通过 [0] 获取原生 DOM 元素

自定义暂停逻辑

可以通过变量控制执行状态:

jquery 暂停

let isPaused = false;
$("#element").animate({left: '100px'}, {
    duration: 1000,
    step: function(now, fx) {
        if (isPaused) fx.prop = 0; // 暂停时停止进度
    }
});

标签: jquery
分享给朋友:

相关文章

jquery 选择

jquery 选择

jQuery 选择器基础 jQuery 选择器基于 CSS 选择器语法,用于快速定位和操作 DOM 元素。核心语法为 $() 或 jQuery(),括号内传入选择器表达式。 // 选择所有 <…

jquery验证

jquery验证

jQuery 验证的基本方法 使用 jQuery 进行表单验证可以通过多种方式实现,以下是一些常见的方法和插件: 使用 jQuery 原生方法 通过 jQuery 选择器和事件处理函数,可以手动编写…

jquery跳转

jquery跳转

jQuery 页面跳转方法 使用 jQuery 实现页面跳转有多种方式,以下是几种常见的方法: 使用 window.location.href $(document).ready(function…

jquery 数字

jquery 数字

jQuery 数字操作 jQuery 本身不直接提供数字操作的方法,但可以结合 JavaScript 的数字处理功能来实现。以下是常见的数字操作场景及实现方式。 数字格式化 使用 JavaScrip…

jquery 返回

jquery 返回

jQuery 返回顶部功能实现 使用jQuery实现返回顶部功能可以通过监听滚动事件和动画滚动效果来完成。以下是几种常见的实现方法: 监听滚动事件并显示/隐藏返回按钮 $(window).scro…

jquery文件上传

jquery文件上传

jQuery 文件上传实现方法 基础文件上传实现 使用 jQuery 结合 HTML5 的 FormData 对象可以实现异步文件上传。创建一个包含文件输入的表单: <form id="upl…