添加链接 注册    登录
link管理
链接快照平台
  • 输入网页链接，自动生成快照
  • 标签化管理网页链接
相关文章推荐
强健的猕猴桃  ·  js和jq给select绑定onchange ...·  2 周前    · 
不开心的烤面包  ·  jQuery - 動畫 | 樂遊前端趣·  2 周前    · 
谦虚好学的硬盘  ·  jQuery 实例 | W3C教程·  2 周前    · 
深沉的黄瓜  ·  jquery实现点击空白处隐藏元素_jque ...·  2 周前    · 
酷酷的冲锋衣  ·  jquery实现点击显示与隐藏及点击其它区域 ...·  2 周前    · 
暴走的钥匙  ·  python图像下采样代码，多种 - CSDN文库·  3 月前    · 
独立的日记本  ·  温州鹿城区：人才房票补贴可抵首付 ...·  3 月前    · 
爱听歌的机器人  ·  Vite + TypeScript + ...·  8 月前    · 
暗恋学妹的开心果  ·  新锐小众宠物品牌Top5榜单？拿来吧你！ - 知乎·  10 月前    · 
高大的蟠桃  ·  Adding an AxisItem to ...·  1 年前    · 
link管理  ›  .delay() | jQuery API Documentation
jquery
https://api.jquery.com/delay/
幸福的开心果
11 月前
Type: Integer
An integer indicating the number of milliseconds to delay execution of the next item in the queue.
queueName
Type: String
A string containing the name of the queue. Defaults to fx , the standard effects queue.

Added to jQuery in version 1.4, the .delay() method allows us to delay the execution of functions that follow it in the queue. It can be used with the standard effects queue or with a custom queue. Only subsequent events in a queue are delayed; for example this will not delay the no-arguments forms of .show() or .hide() which do not use the effects queue.

Durations are given in milliseconds; higher values indicate slower animations, not faster ones. The strings 'fast' and 'slow' can be supplied to indicate durations of 200 and 600 milliseconds, respectively.

Using the standard effects queue, we can, for example, set an 800-millisecond delay between the .slideUp() and .fadeIn() of <div id="foo"> :

When this statement is executed, the element slides up for 300 milliseconds and then pauses for 800 milliseconds before fading in for 400 milliseconds.

The .delay() method is best for delaying between queued jQuery effects. Because it is limited—it doesn't, for example, offer a way to cancel the delay— .delay() is not a replacement for JavaScript's native setTimeout function, which may be more appropriate for certain use cases.

Example:

Animate the hiding and showing of two divs, delaying the first before showing it. 

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>delay demo</title>
  <style>
  div {
    position: absolute;
    width: 60px;
    height: 60px;
    float: left;
  }
  .first {
    background-color: #3f3;
    left: 0;
  }
  .second {
    background-color: #33f;
    left: 80px;
  }
  </style>
  <script src="https://code.jquery.com/jquery-3.7.0.js"></script>
</head>
<body>
 
<p><button>Run</button></p>
<div class="first"></div>
<div class="second"></div>
 
<script>
$( "button" ).on( "click", function() {
  $( "div.first" ).slideUp( 300 ).delay( 800 ).fadeIn( 400 );
  $( "div.second" ).slideUp( 300 ).fadeIn( 400 );
});
</script>
 
</body>
</html>

Web hosting by Digital Ocean | CDN by Fastly | Powered by WordPress

 
推荐文章
强健的猕猴桃  ·  js和jq给select绑定onchange事件 - CSDN文库
2 周前
不开心的烤面包  ·  jQuery - 動畫 | 樂遊前端趣
2 周前
谦虚好学的硬盘  ·  jQuery 实例 | W3C教程
2 周前
深沉的黄瓜  ·  jquery实现点击空白处隐藏元素_jquery animate({ width: 'toggle' }); 点击空白隐藏
2 周前
酷酷的冲锋衣  ·  jquery实现点击显示与隐藏及点击其它区域隐藏_jq点击显示
2 周前
暴走的钥匙  ·  python图像下采样代码，多种 - CSDN文库
3 月前
独立的日记本  ·  温州鹿城区：人才房票补贴可抵首付 A类人才给予最高800万元 - 乐居财经
3 月前
爱听歌的机器人  ·  Vite + TypeScript + React, build failure with non-zero exit code 2 - Support - Netlify Support Forum
8 月前
暗恋学妹的开心果  ·  新锐小众宠物品牌Top5榜单？拿来吧你！ - 知乎
10 月前
高大的蟠桃  ·  Adding an AxisItem to a PlotItem causes an exception · Issue #997 · pyqtgraph/pyqtgraph · GitHub
1 年前
Link管理   ·   51好读   ·   Sov5搜索   ·   小百科
link管理 - 链接快照平台