我可以让 javascript 同时做两件事吗?

2024-02-17

我有一个奇怪的需求。我想在 javascript 中执行以下操作:

  1. 当一个函数被调用时我想要 更改 DIV 的颜色并 然后 1/2 秒后我想 把它改回来
  2. 与(1)同时,我会 比如进行 Ajax 调用。电话 通常需要一秒钟

换句话说,我希望步骤 1 和步骤 2 同时开始。

我对 javascript 的了解非常基础。这种事情可能吗?如果我使用 jQuery,会不会更容易?


您可以使用 jQuery 及其功能queue,延迟动作。

我在 jsFiddle 上分叉了 wdm 的版本,将其更改为queue风格,而不是setTimeout。我自己相信,这是实现您所寻求的目标的更干净、更好的方法。

这里是分叉演示 http://jsfiddle.net/pGcEg/2/

这是 JavaScript 代码:

$('#change').click(function(e) {
    e.preventDefault();

    $('#a')
        .css('background-color', 'blue')
        .delay(500)
        .queue(function(next){
            $(this).css('background-color', 'red');
            next();
        });

    $.ajax({}); // do the ajax call here
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

我可以让 javascript 同时做两件事吗? 的相关文章

  • 如何使用 QuerySelector 获得第二个匹配项?

    以下语句给出了该类的第一个元素titanic element document querySelector titanic 我如何检索具有相同类的第二个元素 Use document querySelectorAll https devel
  • 如何使用 PHP 中的 jQuery/AJAX 调用迭代 JSON 数组? [复制]

    这个问题在这里已经有答案了 可能的重复 循环Json对象 https stackoverflow com questions 684672 loop through json object 我有一个 PHP 函数 data php 它从外部
  • Bootstrap shown.bs.tab 事件不起作用

    我正在使用灵活的模板 http the8guild com themes html flexy v1 7 stylesPage html 使用引导程序 并且我无法让选项卡上的 shown bs tab 事件正常工作 我已经成功让它发挥作用J
  • 递归链接 Promise

    我正在开发一个简单的 Windows 8 应用程序 我需要在其中从网站获取一组数据 我正在使用 WinJS xhr 来检索此数据 它返回一个 Promise 然后 我将回调传递到此 Promise 的 then 方法中 该方法为我的回调提供
  • 角度引导手风琴数据绑定问题

    我有 2 个相同型号的下拉菜单 一个位于手风琴内部 另一个位于外部 外部下拉菜单在 2 路数据绑定方面工作良好 但手风琴内部的下拉菜单似乎只有 1 路绑定 换句话说 在 UI 中选择并不会设置模型值 我找到了一个建议here https s
  • 如何使用 Eclipse 作为 Javascript IDE?

    我从官方下载页面下载了 eclipse Javascript IDE 但是 当我启动应用程序时 它显示 必须提供 Java 运行时环境或 Java 开发工具包才能运行 eclipse 我已经有一个运行良好的 eclipse 的 java I
  • 根据 MVC 中的文化的日期时间格式

    我有一个 MVC 视图 其中列出了一个名为 CreatedOn 的日期时间类型列 值的格式如下 日 月 年 时 分 秒 当我单击编辑链接修改值时 我获得相同的格式 当我修改编辑值时 出现验证错误 字段 CreatedOn 必须是日期 我的
  • php循环中的ajax在按钮单击时执行操作

    所以我有一个 php 循环 我使用 jquery 滑动切换来隐藏 显示带有 sql 结果的表 目前该表仅使用 php 加载 但由于发生了很多事情 导致了一些加载问题 我需要使用滑动切换 btn 来触发 ajax 因此它仅在按下按钮时请求当前
  • ExpressJS - 提供通用 Nuxt 应用程序和 AngularJS SPA

    我有一个具有以下结构的博客项目 服务器 用 Node Express 编写 管理员 AngularJS SPA public AngularJS SPA 目前 管理部分和公共部分具有相同的域 但管理部分使用不同的子域 这允许我在 Expre
  • 输入和文本区域可以拖动吗?

    MDN 规范以及我能通过 Google 找到的每个网站都说所有 HTML 元素都可以拖动 然而 在实践中 我发现我无法拖动文本输入或文本区域 即使它们已被禁用 例如 使用以下代码 img src http www placehold it
  • 单击文件下载后,成功后使用 AJAX 重定向到另一个页面

    In my WordPress project my Download button containing a zip file which onClick should be downloaded So the HTML producin
  • jqPlot DateAxis tickInterval 不起作用

    我试图每月绘制一个包含单个数据点的图表 我会在每个月的第一天将其作为一个点发送到 jqPlot jqplot actualChart 2011 10 01 0 296 2011 11 01 0 682 title programSelect
  • 访问事件处理程序内的对象实例

    我有以下代码 var myObj inputs document getElementsByTagName input attachKeyEvent function for var i 0 i lt this inputs length
  • 使用 jquery 时出现控制台错误 - Uncaught TypeError: Object # has no method

    我尝试使用以下 js 添加类或 css 样式 但出现控制台错误 var i 0 question i addClass show 收到以下控制台日志错误 Uncaught TypeError Object has no method add
  • 通过ajax POST提交两次表单

    插入到mysql using php通过文件调用AJAX 前insert语句php代码执行select查询到查找重复记录并继续insert statement Issue 从ajax调用php文件时 它执行了两次并得到作为重复记录的响应 好
  • 字母数字验证在 jquery 中不起作用

    我的代码如下 包含所有必需的js文件 当我提交表单而不为 UserDetailAliasName 提供任何值时 表单不会提交并显示验证错误消息 此字段是必需的 但是如果我提交像 等值 表单会提交数据 我使用此表单从数据库搜索用户名 docu
  • 如何使用 Ajax 对 Oracle APEX 表格表单执行逐行验证?

    使用我执行的相同验证 处理 基于此线程 在 Oracle APEX v4 2 2 中通过 Ajax 调用 Oracle 函数进行现场验证 https stackoverflow com questions 21474303 calling
  • 如何使用正则表达式解析 OCC 选项符号?

    OCC 选项符号由 4 部分组成 标的股票或 ETF 的根代码 用空格填充至 6 个字符 到期日期 6 位数字 格式为 yymmdd 期权类型 P 或 C 用于看跌或看涨期权 执行价格 为价格 x 1000 前面填充 0 至 8 位数字 举
  • 如何设置 .eslintrc 来识别“require”?

    我是新来的ESLint http eslint org 并且我已经成功地将 ESLint 与IntelliJ https www jetbrains com idea 开箱即用 我的 ESLint 集成无法识别node 但对文档的基本审查表
  • 为什么 JavaScript 默认导出不可用?

    为什么默认导出不像命名导出那样实时 lib js export let counter 0 export function incCounter counter export default counter main1 js import

随机推荐

  • 无 Cookie 属性 web.config

    目前我在 web config 中使用它
  • 如何在 ASP.NET Core 中下载文件?

    在 MVC 中 我们使用以下代码来下载文件 在ASP NET core中 如何实现这一点 HttpResponse response HttpContext Current Response System Net WebClient net
  • 如何将dialogflow与网站集成?

    我使用 Dialogflow chat bot 创建了意图 实体等 现在 我正在尝试将dialogflow与我的网站 html 集成 我按照dialogflow官方网站上记录的说明进行操作 但我仍然很困惑 之后启用网络演示选项 如何编辑附加
  • 具有默认参数的函数的 Elixir 类型规范

    如何为接受一个具有默认值的参数的函数编写类型规范 像下面这样 def foo bar 10 do bar end 会是这样吗 spec foo integer integer 或者会是什么 谢谢 Yes 我想补充一点 如果您的问题是具有默认
  • 这段代码给了我一个错误: Error in if (is.na(s)) { : the condition has length > 1

    请帮助解决我执行以下命令时遇到的错误 stargazer as data frame st sect hh earnings st sect hh earnings sector f Rural c 1 3 4 type html titl
  • Cmake:使用 conan pybind11 包

    我无法理解如何使用 pybind11 conan 包 我可以使用其他一些 但 pybind11 给我带来了困难 我的出发点是这样的 柯南文件 txt requires pybind11 2 7 1 generators cmake 主要 c
  • WebAPI OData $Skip 自定义 IQueryable 双重应用

    我已经实现了一个通过 WebAPI OData 端点公开的自定义 IQueryable 控制器的 Get 的结构相当标准 EnableQuery AllowedQueryOptions AllowedQueryOptions Count A
  • Chrome 扩展:SendMessage 问题

    我正在尝试根据 xhr 调用的输出更改页面的内容 我从 content js 发送一条消息 在后台 js 文件中进行 xrh 调用 然后将输出传递给 content js 这会更改页面的内容 From my content js文件我正在执
  • 冻结wpf数据网格中的列

    我有一些表格数据 其中有很多字段 当我的 WPF 应用程序调整大小时 其中很多字段都会被切断 不过 我希望始终看到前 6 列 因为它们很重要 我怎样才能以网格格式实现这一点 我正在使用 WPFToolkit DataGrid 但可以说服我更
  • 仅在发布配置中启用 ARC lite 的应用程序在第二代 iPod 上崩溃

    我有一个启用了 ARC lite 的应用程序 启用了 ARC 无需将弱引用归零 Apple LLVM 4 0 部署目标设置为 iOS 4 0 它已在 iOS 4 0 至 5 1 1 上进行了测试 当我使用调试构建并通过 Xcode 安装时
  • SQL Server 2014 备份到 2012

    有没有工具可以将 SQL Server 2014 数据库转换为 2012 I tried 生成脚本但是生成的包含数据的脚本太大 SQL Server Management Studio没有执行它 我需要同时拥有架构和数据 To my kno
  • Apple 推送通知服务是否存在隐私问题?

    我一直在广泛阅读 APNS 的内容 并且很好奇是否有人熟悉 Apple 在服务器端日志记录方面的立场 为了允许推送通知 每个设备 例如 iPhone 与服务建立经过认可的加密 IP 连接 并通过此持久连接接收通知 Source https
  • PHP 不使用 ajax 将超过 91 行的表单数据插入数据库

    我试图向数据库插入超过 150 行 但发布请求仅发生 91 行 并且控制台日志显示内部服务器错误 插入91行后出现错误 您的 SQL 语法有错误 检查与您的 MySQL 服务器版本相对应的手册 了解在第 1 行 附近使用的正确语法 我的 H
  • 为什么java 7不能使用菱形运算符和多重catch语句

    嗯 使用 Java 7 1 7 0 67 并将项目语言级别设置为 7 Diamonds ARM multi catch 我的代码如下 使用 maven 构建时抛出编译错误的行 private Map
  • 在 Galaxy S 上无法从相机获取全尺寸图像

    我在从 Samsung Galaxy S 上的内置相机应用程序捕获图像时遇到问题 我的应用程序上有一个按钮 按下该按钮即可启动相机 ContentValues values new ContentValues values put Imag
  • 如何在 woocommerce 中自动发送带有立即付款链接的发票?

    当客户在 woocommerce 中订购产品时 我想通过电子邮件自动发送带有结账链接的发票 尽管可以手动发送电子邮件 You can override https docs woocommerce com document template
  • 安装“Cairocffi”失败

    我正在使用 python3 并且我正在尝试安装 凯罗菲 在Ubuntu上 为此 我已成功安装 蟒蛇开发 libffi 开发 cffi 但是当我尝试安装 cairocffi 时pip install cairocffi I got File
  • 为什么这个 dos 命令在 python 中不起作用?

    我尝试将批处理文件中的一些 dos 命令移至 python 中 但出现此错误 对于以下语句 文件名 目录名或卷标语法不正确 subprocess Popen rd s q ProcessControlSimulator bin shell
  • Scalastyle 布尔表达式可以简化

    Scalastyle intellij 2016 1默认值 表示这个布尔表达式可以简化 val t Option true val f Option false if t contains true f contains false pri
  • 我可以让 javascript 同时做两件事吗?

    我有一个奇怪的需求 我想在 javascript 中执行以下操作 当一个函数被调用时我想要 更改 DIV 的颜色并 然后 1 2 秒后我想 把它改回来 与 1 同时 我会 比如进行 Ajax 调用 电话 通常需要一秒钟 换句话说 我希望步骤