首页 > 软件开发 > JQUERY >

JQuery 如何执行延迟执行方法

来源:互联网 2023-03-17 00:51:24 296

在网页开发中,经常会遇到html中引用jquery的情况,正常jquery的方法是立即执行的,那么如何延迟执行jquery的方法呢,这里一起探讨下,如果对您有帮助请帮忙点赞,谢谢。K93办公区 - 实用经验教程分享!

JQuery 如何执行延迟执行方法?K93办公区 - 实用经验教程分享!

工具/原料

  • 编辑器:notepad
  • 浏览器:chrome

方法/步骤

  • 1

    首选创建一个HTML,在网页开发中,htm结构是骨架,网络标记语言的一种,下面是HTML的代码:K93办公区 - 实用经验教程分享!

    JQuery 如何执行延迟执行方法?K93办公区 - 实用经验教程分享!

  • 2

    因为这里用到jquery,所以一样要在head中引入jquery插件,用来执行ajax操作K93办公区 - 实用经验教程分享!

    JQuery 如何执行延迟执行方法?K93办公区 - 实用经验教程分享!

  • 3

    为了展示jquery的延迟操作,这里需要定义一个按钮,实现功能点击按钮后2秒后,弹出提醒K93办公区 - 实用经验教程分享!

    JQuery 如何执行延迟执行方法?K93办公区 - 实用经验教程分享!

  • 4

    然后编写javascript代码,绑定 id=show的按钮,使用$("#show").bind()方法,延迟执行主要是使用settimeout方法K93办公区 - 实用经验教程分享!

    JQuery 如何执行延迟执行方法?K93办公区 - 实用经验教程分享!

  • 5

    代码编写后,然后在浏览器中验证,点击按钮后,先弹出一个对话框,然后2秒之后再弹出一个对话框K93办公区 - 实用经验教程分享!

    JQuery 如何执行延迟执行方法?K93办公区 - 实用经验教程分享!

    JQuery 如何执行延迟执行方法?K93办公区 - 实用经验教程分享!

    JQuery 如何执行延迟执行方法?K93办公区 - 实用经验教程分享!

  • 5本页面未经授权抓取自百度经验
  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!K93办公区 - 实用经验教程分享!


    标签: JQUERYJAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码