当前位置: 开发笔记 > 数据库 > 正文

运行耗时10秒左右的程序，实现提示用户“请稍等”

作者：shirliyap | 来源：互联网 | 2023-05-19 00:41

点击开始分析之后，去数据库查询数据，可能要10s的时间。我在页面上加了一个div，div里面有提示用户请等待和一张动态图片，div的dispaly属性为none；我点击开始分析之后，把div的di

请稍等

JS代码：

document.getElementById("Waiting").style.display = "block";

if (confirm("核对信息无误，确定开始分析？")) {

//执行耗时程序的代码 ……………………………………

}

document.getElementById("Waiting").style.display = "none";

10 个解决方案

#1

耗时多少秒，你无法预知，还是一视同仁，都显示一个等待界面吧，大不了一闪而过

#2

耗时无法预知
“都显示一个等待界面吧”，意思是跳转到同一个页面吗，那样不行，不能刷新整个页面的。

#3

。。我都忘了怎么写这样的CSS了

#4

引用 3 楼 jiaoshiyao 的回复:

。。我都忘了怎么写这样的CSS了

我也忘记了

#5

你是用线程来处理还是直接事件来处理呀？如果不是线程你一定弹不出窗口的，直接页面卡死在那的！

#6

可以用AJAX请求数据发送请求之前显示遮盖层当AJAX请求成功后再在success里面将遮盖层隐藏掉

#7

引用 5 楼 jrl5365 的回复:

你是用线程来处理还是直接事件来处理呀？如果不是线程你一定弹不出窗口的，直接页面卡死在那的！

我在事件里面处理的。多线程。。。。。。。没用过，有没有什么好的例子。

#8

引用 6 楼 kxm_2012 的回复:

可以用AJAX请求数据发送请求之前显示遮盖层当AJAX请求成功后再在success里面将遮盖层隐藏掉

我就是用的ajax



document.getElementById("Waiting").style.display = "block";

if (confirm("核对信息无误，确定开始分析？")) {

    mygrid.forEachRow(function (id) {

         var Result = Techrecord.Analysis(id);//Techrecord是一个js类，Analysis方法就是用ajax去后台执行查询

         mygrid.cells(id, 5).setValue(Result);

    });

}

document.getElementById("Waiting").style.display = "none";

#9

你要把ajax设成异步，然后在ajax的成功或失败回调函数里添加上隐藏loading框的代码

#10

向大家学习了

推荐阅读

数据库
优化ListView性能

本文深入探讨了如何通过多种技术手段优化ListView的性能，包括视图复用、ViewHolder模式、分批加载数据、图片优化及内存管理等。这些方法能够显著提升应用的响应速度和用户体验。 ... [详细]

蜡笔小新 2024-12-28 10:36:30
数据库
PHP 5.2.5 安装与配置指南

本文详细介绍了 PHP 5.2.5 的安装和配置步骤，帮助开发者解决常见的环境配置问题，特别是上传图片时遇到的错误。通过本教程，您可以顺利搭建并优化 PHP 运行环境。 ... [详细]

蜡笔小新 2024-12-27 19:05:41
数据库
Yii2 GridView 实现列表页数据直接编辑的完整指南

本文详细介绍了如何使用 Yii2 的 GridView 组件在列表页面实现数据的直接编辑功能。通过具体的代码示例和步骤，帮助开发者快速掌握这一实用技巧。 ... [详细]

蜡笔小新 2024-12-27 16:27:52
数据库
2023 ARM嵌入式系统全国技术巡讲

2023 ARM嵌入式系统全国技术巡讲旨在分享ARM公司在半导体知识产权(IP)领域的最新进展。作为全球领先的IP提供商，ARM在嵌入式处理器市场占据主导地位，其产品广泛应用于90%以上的嵌入式设备中。此次巡讲将邀请来自ARM、飞思卡尔以及华清远见教育集团的行业专家，共同探讨当前嵌入式系统的前沿技术和应用。 ... [详细]

蜡笔小新 2024-12-28 11:58:48
数据库
三星W799：2011年双模手机的巅峰之作

三星W799在2011年的表现堪称经典，以其独特的双屏设计和强大的功能引领了双模手机的潮流。本文详细介绍其配置、功能及锁屏设置。 ... [详细]

蜡笔小新 2024-12-28 01:27:47
join
Python 的 10 个开发技巧！太实用了

1.如何在运行状态查看源代码？查看函数的源代码，我们通常会使用IDE来完成。比如在PyCharm中，你可以Ctrl+鼠标点击进入函数的源代码。那如果没有IDE呢？当我们想使用一个函 ... [详细]

蜡笔小新 2024-12-27 18:36:54
join
深入理解C++中的KMP算法：高效字符串匹配的利器

本文详细介绍C++中实现KMP算法的方法，探讨其在字符串匹配问题上的优势。通过对比暴力匹配（BF）算法，展示KMP算法如何利用前缀表优化匹配过程，显著提升效率。 ... [详细]

蜡笔小新 2024-12-27 14:45:30
join
Python自动化处理：从Word文档提取内容并生成带水印的PDF

本文介绍如何利用Python实现从特定网站下载Word文档，去除水印并添加自定义水印，最终将文档转换为PDF格式。该方法适用于批量处理和自动化需求。 ... [详细]

蜡笔小新 2024-12-27 13:10:20
join
理解感受野与锚框在目标检测中的应用

本文探讨了卷积神经网络（CNN）中感受野的概念及其与锚框（anchor box）的关系。感受野定义了特征图上每个像素点对应的输入图像区域大小，而锚框则是在每个像素中心生成的多个不同尺寸和宽高比的边界框。两者在目标检测任务中起到关键作用。 ... [详细]

蜡笔小新 2024-12-27 12:03:44
join
优化Windows右键菜单管理

本文介绍如何通过注册表编辑器自定义和优化Windows文件右键菜单，包括删除不需要的菜单项、添加绿色版或非安装版软件以及将特定应用程序（如Sublime Text）添加到右键菜单中。 ... [详细]

蜡笔小新 2024-12-27 12:00:01
join
如何高效创建和使用字体图标

在Web和移动开发中，为什么选择字体图标？主要原因是其卓越的性能，可以显著减少HTTP请求并优化页面加载速度。本文详细介绍了从设计到应用的字体图标制作流程，并提供了专业建议。 ... [详细]

蜡笔小新 2024-12-26 20:48:44
join
苹果新专利或将引领无边框手机时代

苹果公司最近公布了一项新的专利技术，该技术能够在设备屏幕中嵌入光线传感器，这标志着苹果在实现无边框手机设计上迈出了重要一步。这一创新将极大提升手机的屏占比，并可能为未来的iPhone带来革命性的变化。 ... [详细]

蜡笔小新 2024-12-26 20:15:22
join
Python 提取和替换 Word 文档中的图片

本文介绍如何使用 Python 提取和替换 .docx 文件中的图片。.docx 文件本质上是压缩文件，通过解压可以访问其中的图片资源。此外，我们还将探讨使用第三方库 docx 的方法来简化这一过程。 ... [详细]

蜡笔小新 2024-12-26 18:52:14
join
个人博客图片管理（方便管理，大家忽略）

RT，个人博客图片管理（方便管理，大家 ... [详细]

蜡笔小新 2024-12-26 18:30:45
join
2023年京东Android面试真题解析与经验分享

本文由一位拥有6年Android开发经验的工程师撰写，详细解析了京东面试中常见的技术问题。涵盖引用传递、Handler机制、ListView优化、多线程控制及ANR处理等核心知识点。 ... [详细]

蜡笔小新 2024-12-26 17:45:48