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

运行耗时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
数据库
网络运维工程师的前景与薪酬分析

网络运维工程师负责确保企业IT基础设施的稳定运行，保障业务连续性和数据安全。他们需要具备多种技能，包括搭建和维护网络环境、监控系统性能、处理突发事件等。本文将探讨网络运维工程师的职业前景及其平均薪酬水平。 ... [详细]

蜡笔小新 2024-12-26 14:35:04
数据库
国内BI工具迎战国际巨头Tableau，稳步崛起

尽管商业智能（BI）工具在中国的普及程度尚不及国际市场，但近年来，随着本土企业的持续创新和市场推广，国内主流BI工具正逐渐崭露头角。面对国际品牌如Tableau的强大竞争，国内BI工具通过不断优化产品和技术，赢得了越来越多用户的认可。 ... [详细]

蜡笔小新 2024-12-28 11:12:44
数据库
Python自动化处理：从Word文档提取内容并生成带水印的PDF

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

蜡笔小新 2024-12-27 13:10:20
数据库
优化Windows右键菜单管理

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

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

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

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

苹果公司最近公布了一项新的专利技术，该技术能够在设备屏幕中嵌入光线传感器，这标志着苹果在实现无边框手机设计上迈出了重要一步。这一创新将极大提升手机的屏占比，并可能为未来的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
join
从零开始构建完整手机站：Vue CLI 3 实战指南（第一部分）

本系列教程将引导您使用 Vue CLI 3 构建一个功能齐全的移动应用。我们将深入探讨项目中涉及的每一个知识点，并确保这些内容与实际工作中的需求紧密结合。 ... [详细]

蜡笔小新 2024-12-26 13:30:37
join
帝国CMS多图上传插件详解及使用指南

本文介绍了一款用于帝国CMS的多图上传插件，该插件通过Flash技术实现批量图片上传功能，显著提升了多图上传效率。文章详细说明了插件的安装、配置和使用方法。 ... [详细]

蜡笔小新 2024-12-26 13:30:01
join
PHP 5.5.0rc1 发布：深入解析 Zend OPcache

2013年5月9日，PHP官方发布了PHP 5.5.0rc1和PHP 5.4.15正式版，这两个版本均支持64位环境。本文将详细介绍Zend OPcache的功能及其在Windows环境下的配置与测试。 ... [详细]

蜡笔小新 2024-12-26 12:56:20