Popup window display method and device, equipment and storage medium

Abstract

The invention discloses a popup window display method and device, equipment and a storage medium, and belongs to the technical field of computers. Comprising the steps that when a first pop-up window in a pop-up window queue meets a preset display condition, the first pop-up window is displayed as a page target pop-up window, and the preset display condition means that display of the previous page target pop-up window is terminated; the pop-up window sequence of the pop-up window queue is updated, a new first pop-up window is obtained, and the pop-up window queue comprises at least one pop-up window; and when the page target pop-up window reaches an ending condition, ending the display of the page target pop-up window, and displaying the new first pop-up window in the pop-up window queue as the page target pop-up window. According to the scheme, the pop-up windows to be displayed are placed in the pop-up window queue, and the pop-up window sequence in the pop-up window queue is updated before the next pop-up window is displayed, so that logical judgment of the pop-up windows and decoupling of the display process can be realized, the problem of the pop-up window display sequence due to different interface return opportunities is avoided, and the display efficiency is improved. The user experience can be improved.

Description

Technical Field

[0001] This application relates to the field of computer technology, and in particular to a pop-up window display method, apparatus, device, and storage medium. Background Technology

[0002] Generally, after a page is launched, multiple pop-ups may be displayed in succession to interact with the user in order to smoothly execute the task flow in the corresponding scenario.

[0003] The display control logic of multiple pop-ups can be quite complex. For example, the display control logic of one pop-up may involve the control of another pop-up. As a result, the display control logic of multiple pop-ups may be coupled with each other, which makes the display logic of a single pop-up quite complex. Furthermore, multiple pop-ups may be returned by multiple different interfaces, so the timing of the return of pop-ups by multiple interfaces is uncontrollable. Once a logic error occurs, multiple pop-ups may be displayed at the same time, which will reduce the user experience. Summary of the Invention

[0004] This application provides a pop-up display method, apparatus, device, and storage medium. Pop-ups to be displayed can be placed in a pop-up queue. Before displaying the next pop-up, the order of the pop-ups in the queue is always updated, thus decoupling the logical judgment and display process of the pop-ups and preventing issues with the display order due to different interface return times. The technical solution includes the following:

[0005] Firstly, a method for displaying a pop-up window is provided, the method comprising: When the first pop-up in the pop-up queue meets the preset display conditions, the first pop-up is displayed as the page target pop-up. The preset display conditions refer to the earlier page target pop-up being terminated from display. The order of the pop-up windows in the pop-up window queue is updated to obtain a new first pop-up window, wherein the pop-up window queue includes at least one pop-up window; When the target pop-up on the page reaches the termination condition, the display of the target pop-up on the page is terminated, and the new first pop-up in the pop-up queue is displayed as the target pop-up on the page.

[0006] In this application, pop-ups to be displayed are first saved in a pop-up queue. Subsequently, when the first pop-up in the queue meets a preset display condition—that is, when the previous target pop-up is terminated—the first pop-up is displayed as the target pop-up. After displaying the first pop-up, the order of pop-ups in the queue is updated to obtain a new first pop-up. Then, when the currently displayed target pop-up reaches its termination condition, its display is terminated, and the new first pop-up is displayed. In other words, the pop-up queue contains all pop-ups to be displayed later, and they only need to be displayed in a specific order. This decouples the pop-up logic from the display process. Furthermore, the pop-up queue is updated before displaying the next pop-up, ensuring that regardless of whether the API response is early or late, the pop-ups are displayed in a consistent order, preventing issues such as disordered display order or multiple pop-ups displaying simultaneously. This improves the user experience.

[0007] In conjunction with the first aspect, in some implementations of the first aspect, the method further includes: Obtain the interface return information of the target function interface, and determine whether the queuing conditions of the pop-up window are met based on the interface return information; If the conditions for enqueuing the pop-up are met, the pop-up is added to the pop-up queue.

[0008] In the above method, the return information of the target function interface can be used to determine whether a pop-up meets the enqueue conditions. After the enqueue conditions are met, it can be added to the pop-up queue to wait for display. During this process, there is no need to pay attention to whether the previous pop-up has been displayed, so that there will be no situation where one pop-up depends on the display of another pop-up. This will prevent the problem of multiple pop-ups being displayed at the same time if there is a logical error. This can decouple the logic control and display control of the pop-up, thus making the pop-up display process simpler.

[0009] In combination with the first aspect and the above implementation methods, in some implementation methods of the first aspect, adding the pop-up window to the pop-up window queue includes: The pop-up window is instantiated to obtain an instantiated object of the pop-up window; The instantiated object of the pop-up is stored in the pop-up queue.

[0010] In the above method, by storing the instantiated objects of the pop-ups in a pop-up queue, the state of individual instances can be manipulated at any time after the queue stores them. This includes actions such as showing or hiding the pop-ups, calling methods of the instance objects, or updating the pop-up content. All these operations are performed on the specific pop-up and do not affect the instantiated objects of other pop-ups in the queue. Furthermore, if the pop-up queue stores pop-up display commands, then the pop-up can be triggered based on those commands, but subsequent control is not possible. For example, closing a pop-up in the queue that hasn't been executed yet is not possible. Therefore, storing the instantiated objects of the pop-ups in the queue provides convenience for calling and controlling pop-ups.

[0011] In conjunction with the first aspect and the above-described implementations, in some implementations of the first aspect, the method further includes: When the first pop-up is displayed as the target pop-up of the page, an asynchronous control object of the target pop-up is generated, and the asynchronous control object is attached to the instantiated object of the target pop-up of the page. In response to the interactive operation on the target pop-up window on the page, if the control state of the asynchronous control object is marked as the operation success state, then it is determined that the target pop-up window on the page has reached the termination condition.

[0012] In the above method, the asynchronous control object can record the operation state of asynchronous operations. When displaying the target pop-up window, an asynchronous control object for the target pop-up window is generated and attached to the instantiated object of the target pop-up window. This is equivalent to setting a Promise object for the target pop-up window and binding this Promise object to the instantiated object of the target pop-up window. This allows the Promise object to control the display of the target pop-up window based on the interaction data on the target pop-up window. Furthermore, by controlling the first pop-up window through the asynchronous control mechanism, the display of a pop-up window can only be terminated after the display of the first pop-up window meets the termination condition, thus preventing the problem of multiple pop-ups displaying simultaneously.

[0013] In combination with the first aspect and the above implementation methods, in some implementation methods of the first aspect, updating the pop-up order of the pop-up queue to obtain a new first pop-up includes: The pop-up order in the pop-up queue is updated according to the target pop-up order. The first pop-up in the pop-up queue after the pop-up order is updated is determined as the new first pop-up.

[0014] In the above method, before determining the next pop-up to be displayed, the pop-up order in the pop-up queue is updated according to the target pop-up order before determining the new first pop-up. This ensures that the pop-up order in the pop-up queue meets the requirements of the specific task scenario. Therefore, the display order of the new first pop-up and other pop-ups also meets the requirements of the specific task scenario. This avoids the problem of chaotic pop-up display order and multiple pop-ups being displayed simultaneously due to different API return times.

[0015] In conjunction with the first aspect and the above implementation methods, in some implementation methods of the first aspect, the steps for determining the order of the target pop-ups include: The preset pop-up order is determined to be the target pop-up order; or, Obtain the object identifier of the target object; determine the order of the target pop-ups based on the object identifier.

[0016] In the above method, by pre-setting the display order of all pop-ups and then directly determining the preset pop-up order as the target pop-up order, the efficiency of determining the target pop-up order can be improved, thereby improving the pop-up display efficiency. Furthermore, in specific task scenarios, different users may correspond to different services, resulting in different pop-ups and potentially different target pop-up orders. By determining the target pop-up order based on the object identifier of the target object, the target pop-up order is made specific to the target object, thus enabling precise control over pop-up display.

[0017] In conjunction with the first aspect and the above-described implementations, in some implementations of the first aspect, the method further includes: When the display conditions corresponding to the newly added third pop-up window are detected, the display order of the third pop-up window is added to the target pop-up window order. The third pop-up window is the newly added page pop-up window.

[0018] In the above method, by detecting the display conditions of pop-ups in the target function interface, if new display conditions for pop-ups exist, it can be determined that a new pop-up has been added. In this case, to ensure the sequential display of the new pop-ups, the display order of the third pop-up is added to the target pop-up order. Furthermore, when a new pop-up (the third pop-up) is added, only the display conditions for the new pop-up need to be added to the underlying implementation logic, and the display order of the new pop-up among the various pop-ups needs to be added to the target pop-up order. This requires minimal modification to the logic code, thereby reducing development costs and simplifying the development process.

[0019] Secondly, a pop-up window display device is provided, the device comprising: The display module is used to display the first pop-up as the page target pop-up when the first pop-up in the pop-up queue meets the preset display conditions. The preset display conditions refer to the termination of the display of the previous page target pop-up. The sequential update module is used to update the order of the pop-ups in the pop-up queue to obtain a new first pop-up, wherein the pop-up queue includes at least one pop-up. The display module is also used to terminate the display of the page target pop-up when the page target pop-up reaches the end condition, and to display the new first pop-up in the pop-up queue as the page target pop-up.

[0020] In conjunction with the second aspect, in some implementations of the second aspect, the apparatus further includes: The judgment module is used to obtain the interface return information of the target function interface and determine whether the queuing conditions of the pop-up window are met based on the interface return information. An add module is used to add the pop-up to the pop-up queue if the enqueue conditions of the pop-up are met.

[0021] In conjunction with the second aspect and the above implementation methods, in some implementation methods of the second aspect, the added module is specifically used for: The pop-up window is instantiated to obtain an instantiated object of the pop-up window; The instantiated object of the pop-up is stored in the pop-up queue.

[0022] In conjunction with the second aspect and the above-described implementations, in some implementations of the second aspect, the apparatus further includes: The generation module is used to generate an asynchronous control object of the page target pop-up when the first pop-up is displayed as the page target pop-up, and to attach the asynchronous control object to the instantiated object of the page target pop-up; The interaction module is used to respond to the interactive operation of the target pop-up window on the page, mark the control state of the asynchronous control object as the operation success state, and then determine that the target pop-up window on the page has reached the termination condition.

[0023] Combining the second aspect and the above implementation methods, in some implementations of the second aspect, the sequential update module is specifically used for: The pop-up order in the pop-up queue is updated according to the target pop-up order. The first pop-up in the pop-up queue after the pop-up order is updated is determined as the new first pop-up.

[0024] In conjunction with the second aspect and the above-described implementations, in some implementations of the second aspect, the apparatus further includes a determining module, configured to: The preset pop-up order is determined to be the target pop-up order; or, Obtain the object identifier of the target object; determine the order of the target pop-ups based on the object identifier.

[0025] In conjunction with the second aspect and the above-described implementations, in some implementations of the second aspect, the apparatus further includes: The sequential addition module is used to add the display order of the third pop-up to the target pop-up order when the display conditions corresponding to the newly added third pop-up are detected. The third pop-up is the newly added page pop-up.

[0026] Thirdly, a computer device is provided, the computer device including a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the computer program, when executed by the processor, implements the above-described pop-up display method.

[0027] Fourthly, a computer-readable storage medium is provided, the computer-readable storage medium storing a computer program, which, when executed by a processor, implements the above-described pop-up display method.

[0028] Fifthly, a computer program product containing instructions is provided, which, when run on a computer, causes the computer to perform the steps of the pop-up display method described above.

[0029] It is understood that the beneficial effects of the second, third, fourth, and fifth aspects mentioned above can be found in the relevant descriptions in the first aspect above, and will not be repeated here. Attached Figure Description

[0030] To more clearly illustrate the technical solutions in the embodiments of this application, the accompanying drawings used in the description of the embodiments will be briefly introduced below. Obviously, the accompanying drawings described below are only some embodiments of this application. For those skilled in the art, other drawings can be obtained based on these drawings without creative effort.

[0031] Figure 1 This is a schematic diagram of a pop-up window display method provided in an embodiment of this application; Figure 2 This is a flowchart of a pop-up window display method provided in an embodiment of this application; Figure 3 This is a flowchart of another pop-up window display method provided in the embodiments of this application; Figure 4 This is a schematic diagram of the structure of a pop-up display device provided in an embodiment of this application; Figure 5 This is a schematic diagram of the structure of a computer device provided in an embodiment of this application. Detailed Implementation

[0032] To make the objectives, technical solutions, and advantages of this application clearer, the embodiments of this application will be described in further detail below with reference to the accompanying drawings.

[0033] It should be understood that "multiple" as mentioned in this application refers to two or more. In the description of this application, unless otherwise stated, " / " indicates "or," for example, A / B can mean A or B; "and / or" in this document is merely a description of the relationship between related objects, indicating that three relationships can exist, for example, A and / or B can represent: A existing alone, A and B existing simultaneously, and B existing alone. Furthermore, to facilitate a clear description of the technical solutions of this application, the terms "first," "second," etc., are used to distinguish identical or similar items with essentially the same function and effect. Those skilled in the art will understand that the terms "first," "second," etc., do not limit the quantity or execution order, and that "first," "second," etc., do not necessarily imply differences.

[0034] First, the terms used in the embodiments of this application will be explained.

[0035] 1. Promise object (asynchronous control object): The Promise object is used to manage asynchronous operations. Its core is to prevent multiple asynchronous operations from being executed in parallel. Instead, they are queued up, with one operation completing before the next one is executed, in order to avoid conflicts caused by out-of-order execution.

[0036] 2. Asynchronous Operations: Asynchronous operations refer to operations that do not block the execution of subsequent code and whose results / completion timing cannot be determined in advance. Simply put, after initiating an operation, the program does not need to wait for the result; it can continue doing other things, and then process the result in a specific way after the operation is completed. The core characteristics of Xtep operations are: non-blocking execution, asynchronous result return, and uncontrollable execution timing.

[0037] 3. Instantiating an object: An instantiated object is a concrete object created through a "class" or "constructor". A "class" is like a template that defines the object's properties and methods. Instantiation is the process of generating a directly usable object with concrete data based on this template. The resulting object is the instantiated object.

[0038] 4. Chain of Responsibility Pattern: The Chain of Responsibility pattern is a behavioral design pattern. Its core is to link multiple objects that handle requests into a chain. The request is passed along the chain until an object handles the request. Each object is only responsible for the requests it can handle. If it cannot handle a request, it passes it to the next object in the chain. The entire process is complete without the request initiator knowing who ultimately handles the request.

[0039] 5. Functional Interface: A functional interface is an abstract convention defining the calling rules, input / output, and behavioral constraints of a specific function. It specifies what the function can do and how to use it. For components using the function, the functional interface is like an operation manual; simply calling it according to the rules in the manual will yield the expected results.

[0040] 6. Smart Delivery Lockers: Smart delivery lockers are contactless delivery devices based on IoT technology. Their core functionality uses independent compartments and intelligent control to solve problems such as time lag, misdelivery, loss, and security in the "last 100 meters" of delivery. This allows riders to quickly store meals and users to pick them up themselves, eliminating the need for human supervision and adapting to multiple scenarios and high-frequency delivery needs. Essentially, they are intelligent storage terminals integrating IoT, temperature control, and identity verification, linked with the platform / back-end system to achieve fully digital and unmanned management of the entire food delivery storage and retrieval process. The process primarily involves riders storing meals, the system sending a notification, and users retrieving their meals using a pickup code / scanning a QR code, achieving a completely contactless and traceable process, breaking the limitations of waiting for meals. Smart delivery lockers are a crucial infrastructure for the shift from "door-to-door delivery" to "self-service pickup" in food delivery, especially suitable for high-density, high-requirement delivery scenarios.

[0041] The application scenarios of the embodiments of this application are described below.

[0042] Today, smart delivery lockers offer convenient food storage and retrieval for users, resolving the three major mismatches in last-mile delivery: "people, time, and scenario." This eliminates the need for riders, users, and property management to compromise on each other, providing the most direct convenience for users. Furthermore, since delivery is instant upon storage, riders save significant time, allowing them to deliver more orders. It also prevents food damage and allows for reheating. Therefore, smart delivery lockers are widely used, eliminating the problem of food being piled up. In addition, smart lockers record storage and retrieval times, as well as the corresponding order, enabling full-process traceability. Currently, smart lockers are equipped with displays, allowing riders or users to scan QR codes and other information to store or retrieve their food.

[0043] The display screen of the smart food delivery locker can show a page. During the process of the user picking up the food or the rider storing the food, multiple pop-up windows can be displayed on this page to help the user complete the food picking process or the rider store the food. The following uses the process of the user picking up the food as an example to explain the process of displaying multiple pop-up windows on the relevant technology.

[0044] For example, Figure 1 This is a schematic diagram of a pop-up window display method provided in an embodiment of this application.

[0045] For example, Figure 1 This includes the interface 101 displayed on the screen. For example... Figure 1 As shown in (a), in the initial stage, the interface 101 can display a food pickup control 10 and a food storage control 20. The food pickup control 10 provides the entry point for the user's food pickup process, and the food storage control 20 provides the entry point for the rider's food storage process. For example, if the user clicks the food pickup control 10, the smart delivery locker can respond to the click operation, and the interface 101 can display a pop-up window 102 for selecting the food pickup method.

[0046] For example, such as Figure 1 As shown in (b), the food pickup method selection pop-up window 102 can display options such as QR code scanning for pickup or pickup code pickup. Users can pick up their food by scanning the QR code on the pop-up window 102 or by entering the pickup code. In some embodiments, users can also enter their bound user identification information (e.g., phone number) to start the pickup process. After the user scans the QR code, enters the pickup code, or enters their bound user identification information, an order confirmation pop-up window 103 can be displayed on the interface 101.

[0047] like Figure 1 As shown in (c), the order confirmation pop-up window 103 displays order information 30, a confirmation control 40, and a cancellation control 50. The order information 30 displays relevant information about the takeout order, including but not limited to the food name, merchant name, locker entry time, and locker number. This embodiment does not limit this information. The confirmation control 40 is used to confirm order pickup, and the cancellation control 40 is used to cancel order pickup. For example, a user can click the confirmation control 40 to initiate the pickup operation. In response to this click, the smart locker displays a "Pickup in Progress" pop-up window 104. Figure 1 As shown in (d) in the image, the pop-up window 104 displays the message "Opening cabinet door, please wait...".

[0048] In some embodiments, during the selection of the above-mentioned meal pick-up method, there will be a corresponding user authorization operation. After obtaining the user identification information, service-related logic judgments may also be performed, such as determining whether the user has purchased a monthly card or a daily card. If so, it may be determined whether the monthly card is about to expire. If it is about to expire, a pop-up window may be displayed to remind the user of the expiration of the monthly card.

[0049] In some embodiments, if the cabinet door malfunctions (such as a fault), a pop-up window indicating that the door failed to open can be displayed, such as "The cabinet door failed to open, please contact customer service" or similar information.

[0050] During the food pickup process, a pop-up window can also be displayed to close the cabinet door. For example, the pop-up window can display a message such as "Please take out your food and close the cabinet door".

[0051] After the food is picked up, a pop-up notification can be displayed, such as "Food picked up successfully, thank you for using this service".

[0052] From the above Figure 1 As can be seen, during the user's food pickup process, the smart delivery locker will display multiple pop-ups sequentially. Some pop-ups can only appear after others have been displayed. The control logic of the pop-ups is intertwined, making the pop-up display logic quite complex. For example, the order information pop-up 103 can only be displayed after the food pickup method selection pop-up 102 appears. That is, when determining whether the order information pop-up 103 should be displayed, it is also necessary to determine whether the food pickup method selection pop-up 102 should be displayed, making the logic control quite complex. In addition, for other pop-ups such as those indicating that the monthly card has expired, these pop-ups are asynchronous operations with the aforementioned food pickup-related pop-ups. That is, these pop-ups will appear as long as the requirements are met (such as as soon as it is determined that the monthly card is about to expire). Therefore, the return timing of the functional interface is uncertain, which may sometimes result in multiple pop-ups being displayed simultaneously.

[0053] In related technologies, in displaying the above Figure 1 The pop-up process described in the embodiment is implemented using the chain of responsibility pattern.

[0054] The Chain of Responsibility pattern allows multiple objects to process requests sequentially until one object is able to handle the request. It treats each pop-up task as a node in the chain of responsibility. When a pop-up needs to be displayed, the pop-up is displayed by ensuring that the corresponding chain of responsibility node meets the display conditions. Subsequent chain of responsibility nodes automatically abandon the pop-up and do not display it.

[0055] Specifically, a pop-up chain is defined, consisting of multiple chain nodes. Each pop-up corresponds to a chain node, and each chain node has its own display conditions. In the implementation, each chain node is traversed, and the display conditions for a given pop-up are checked. If a chain node's display conditions are met, its corresponding pop-up is displayed, and subsequent chain nodes are automatically skipped and their pop-ups are not displayed. This process continues until the pop-up display ends. Then, the pop-up chain is traversed again to determine which pop-up's display conditions are met.

[0056] However, in the above method, it is still necessary to determine whether the pop-up meets the display conditions during the pop-up display process, meaning that the pop-up logic and display process are not sufficiently decoupled. Furthermore, the execution chain is relatively long, which increases overhead and can cause delays in the pop-up display.

[0057] To address this, this application provides a pop-up display method that places the pop-ups to be displayed in a pop-up queue. That is, pop-ups in the queue that have already been determined to meet the display conditions can be displayed directly. In this way, the order of pop-ups in the queue is updated before displaying the next pop-up, which decouples the logical judgment and display process of the pop-up and avoids problems with the display order of pop-ups due to different interface return times, as well as the problem of displaying multiple pop-ups at the same time.

[0058] The pop-up display method provided in the embodiments of this application will be explained in detail below.

[0059] Figure 2 This is a flowchart illustrating a pop-up window display method provided in an embodiment of this application. This method can be applied to computer devices. See also... Figure 2 The method includes the following steps.

[0060] Step 201: When the first pop-up in the pop-up queue meets the preset display conditions, the first pop-up is displayed as the page target pop-up. The preset display conditions refer to the termination of the display of the previous page target pop-up.

[0061] The pop-up queue includes at least one pop-up to be displayed, where the first pop-up is the next one to be displayed from among the pop-ups to be displayed. Furthermore, the at least one pop-up to be displayed in the queue is a pop-up that has already been determined to be displayed; that is, this at least one pop-up has been checked to see if it meets the display conditions and has been confirmed to do so. In other words, the pop-up queue stores pop-ups that can be displayed directly later; they are simply waiting to be executed sequentially to avoid the problem of multiple pop-ups being displayed simultaneously due to parallel execution.

[0062] A target pop-up is a pop-up that is currently displayed on a webpage. A preceding target pop-up is the one that was displayed before the current target pop-up.

[0063] It should be understood that when the previous page target pop-up is terminated, it means that the previous page target pop-up has ended its display. Then, the next pop-up to be displayed in the pop-up queue can be displayed. In this case, the first pop-up can be displayed as the page target pop-up, that is, the first pop-up is determined as the current page target pop-up and this page target pop-up is displayed.

[0064] In this embodiment of the application, when the first pop-up is displayed as the target pop-up of the page, an asynchronous control object of the target pop-up can also be generated and attached to the instantiated object of the target pop-up. Then, the control state of the asynchronous control object can be used to determine whether the target pop-up of the page has reached the termination condition.

[0065] It should be understood that, in the above situation, the target pop-up is essentially the pop-up indicated by the first pop-up. Therefore, generating the asynchronous control object of the target pop-up and attaching the asynchronous control object of the target pop-up to the instantiated object of the target pop-up is essentially generating the asynchronous control object of the first pop-up and attaching the asynchronous control object of the first pop-up to the instantiated object of the target pop-up.

[0066] An asynchronous control object is an encapsulation object designed to manage the entire lifecycle of asynchronous operations. It packages the execution logic, state, control methods, and results of an asynchronous operation into an independent instance, enabling precise control over asynchronous operations.

[0067] Among them, the asynchronous control object can be a Promise object. The essence of a Promise object is an object's state manager and notifier. It can record the operation state of asynchronous operations (such as user interaction operations on pop-ups) and provide a unified way for code to wait for the user interaction to complete and obtain the result.

[0068] When displaying the target pop-up window on the page, an asynchronous control object for the target pop-up window is generated and attached to the instantiated object of the target pop-up window. This is equivalent to setting a Promise object for the target pop-up window and binding this Promise object to the instantiated object of the target pop-up window, so that the Promise object can control the display of the target pop-up window based on the interactive data on the target pop-up window.

[0069] Furthermore, after identifying the first pop-up as the target pop-up and displaying it, the operation to determine whether the target pop-up has reached its end condition based on the control state of the asynchronous control object can be as follows: in response to the interactive operation on the target pop-up, mark the control state of the asynchronous control object as the operation success state, and determine that the target pop-up has reached its end condition.

[0070] In other words, after displaying the target pop-up window, a Promise object can be used to control the waiting for the user to interact with the target pop-up window. Only after the user interacts with the target pop-up window will the control state of the Promise object be marked as successful. Only after the state of the Promise object is in the successful state will the display of the target pop-up window meet the end condition, that is, only then can the display of the target pop-up window be stopped and the next pop-up window be displayed.

[0071] In the above method, the target pop-up window on the page is controlled by an asynchronous control mechanism, so that the display of a pop-up window can only be terminated after the display of a pop-up window meets the termination condition, and the next pop-up window can be displayed. In this way, the problem of multiple pop-ups being displayed at the same time can be avoided.

[0072] One possible approach is to include `await` and `resolve` methods in the Promise object. The `await` method controls the execution of the asynchronous operation, i.e., waiting for the user to interact with the target pop-up on the page. The `resolve` method updates the state of the asynchronous control object. It should be understood that before the user interacts with the target pop-up, the Promise object is in a pending state. After the user interacts with the target pop-up, the instantiated object of the target pop-up can pass the user's operation data to the Promise object. At this point, the `resolve` method of the Promise object can be called, updating the control state of the Promise object to `fulfilled` / `resolved` (operation successful state). In this case, it can be determined that the display of the target pop-up has met the termination condition.

[0073] It should be understood that before displaying the first pop-up as the target pop-up of the page, pop-ups to be displayed can be added to the pop-up queue, and then the first pop-up can be determined from the pop-up queue. The process of adding the pop-up to be displayed in the pop-up queue is explained below.

[0074] In one possible approach, according to this embodiment, the interface return information of the target function interface can be obtained, and the pop-up window can be added to the pop-up window queue based on the interface return information.

[0075] A target function interface refers to a function interface related to a specific task scenario, used to implement a certain function. For example, for a smart food delivery locker, there might be a food pickup function interface for the food pickup process. In this function interface, you can define which pop-ups to display and set the display conditions for these pop-ups.

[0076] The interface return information of the target function includes an indication of whether to display a pop-up. For example, if the interface return information includes "show:true" about a pop-up, then it can be determined that the pop-up should be displayed. It should be understood that if the underlying judgment logic of the pop-up determines that the enqueue condition of the pop-up is met, then the target function interface can return the indication information of the pop-up.

[0077] It should be noted that in the embodiments of this application, the target functional interface can be one or more. Since a specific task scenario may include multiple functions, multiple functional interfaces may be set for each function. Therefore, here, the target functional interface refers to multiple functional interfaces. However, if the specific task scenario includes only one function, then only one functional interface should be set. Therefore, the target functional interface here is a single functional interface.

[0078] A pop-up refers to any one of the pop-ups that needs to be displayed in a specific task scenario. The enqueue condition for a pop-up indicates whether it should be added to the pop-up queue. It should be understood that the pop-up's enqueue condition is met when the underlying logic determines that the pop-up's display condition is satisfied.

[0079] In the above method, the interface return information of the target function is first obtained. Since the interface return information includes indications of whether each pop-up should be displayed, for any pop-up involved, the enqueueing condition of this pop-up is first determined based on the interface return information. If the enqueueing condition of this pop-up is met, it can be directly added to the pop-up queue to wait for display. Unlike the chain-of-responsibility pattern in the prior art, in this embodiment, after determining that this pop-up can be displayed, it is possible to continue to determine whether the display conditions of other pop-ups are met. If the display conditions of other pop-ups are met, the corresponding pop-ups can be added to the pop-up queue to wait for display.

[0080] In this way, it is only necessary to determine whether a pop-up meets the enqueueing conditions based on the interface return information of the target function interface. After the enqueueing conditions are met, it is only necessary to add it to the pop-up queue to wait for display. During this process, it is not necessary to pay attention to whether the previous pop-up has been displayed, thus achieving decoupling between the logic control and display control of the pop-up.

[0081] In this embodiment of the application, the instantiated objects of the pop-up can be stored in the pop-up queue.

[0082] Specifically, the operation of adding a pop-up to the pop-up queue can be as follows: instantiate the pop-up to obtain an instantiated object; and store the instantiated object in the pop-up queue.

[0083] As mentioned in the previous explanation of terms, the instantiation process is to generate a directly usable object with specific data based on a template. Therefore, the instantiation process of a pop-up window is: to create a specific, directly operable pop-up window object based on the pop-up window template. This template defines the properties and methods of the pop-up window, such as defining the pop-up window to have properties such as title and content, and defining the pop-up window to have states such as show and hide.

[0084] In this scenario, by storing the instantiated objects of the pop-ups in a pop-up queue, the state of each individual instance can be manipulated at any time after the queue stores the instantiated objects. This includes actions such as showing or hiding the pop-up, calling methods of the instance object, or updating the pop-up content. All these operations are performed on the specific pop-up and do not affect the instantiated objects of other pop-ups in the queue. Furthermore, if the pop-up queue stores pop-up display commands, then the pop-up can be triggered based on those commands, but subsequent control is impossible. For example, closing a pop-up in the queue that hasn't been executed yet is not possible. This is because the method described above, which stores the instantiated objects of the pop-ups in the queue, provides convenience for calling and controlling pop-ups.

[0085] In one possible implementation, the pop-up queue can be a target array. When storing the instantiated objects of the pop-ups in the pop-up queue, the instantiated objects of the pop-ups can be stored in the target array, and then the pop-ups in the pop-up queue can be displayed in order through a for loop.

[0086] Thus, through the above process, the pop-ups to be displayed can be added to the pop-up queue and displayed in order. After a page target pop-up is terminated from display, the first pop-up in the pop-up queue can be displayed as the current page target pop-up, and then the next first pop-up can be determined. In this embodiment of the application, when determining the next first pop-up, the pop-up order in the pop-up queue can be updated first, that is, step 202 below can be executed first.

[0087] It should be understood that if there is only one pop-up in the pop-up queue, this pop-up in the queue is directly identified as the first pop-up. In this case, the first pop-up can be directly identified as the target pop-up for the page and displayed. If there is at least one pop-up in the pop-up queue, step 202 below can be executed.

[0088] Step 202: Update the order of pop-ups in the pop-up queue to obtain the new first pop-up.

[0089] It should be understood that the first pop-up can be the first pop-up among at least one pop-up included in the pop-up queue. Furthermore, in this embodiment, before determining the first pop-up each time, the order of the pop-ups in the pop-up queue can be updated according to the target pop-up order, and then the first pop-up in the pop-up queue after the order update can be determined as the new first pop-up.

[0090] One possible approach is to perform step 202 as follows: update the pop-up order in the pop-up queue according to the target pop-up order; and determine the first pop-up in the pop-up queue after the pop-up order is updated as the new first pop-up.

[0091] The target pop-up order refers to the display order of all pop-ups. For example, for smart delivery lockers, a target pop-up order can be defined for all possible pop-ups displayed on the screen, and subsequent pop-ups can be displayed according to this target order. For instance, during the user's food pickup process, a pop-up window will appear sequentially: pickup method selection, order confirmation, "picking up food" (or "closing the locker door"), etc. A pop-up window may also appear indicating that the monthly pass is about to expire. Let's assume the pickup method selection pop-up is A, the order confirmation pop-up is B, the "picking up food" pop-up is C, the "closing the locker door" pop-up is D, and the monthly pass expiration pop-up is E. Then, technicians can set a preset pop-up order as pop-up A, pop-up B, pop-up C, pop-up D, and pop-up E based on actual needs.

[0092] It should be noted that during the display of a target pop-up on a page, the target function interface may return new interface return information. If the interface return information indicates that the enqueue conditions of the corresponding pop-up are met, then a new pop-up to be displayed will be added to the pop-up queue. In other words, during the display of a target pop-up on a page, pop-ups to be displayed may be added to the pop-up queue.

[0093] In this scenario, if the target pop-up order indicates that a newly added pop-up in the pop-up queue should be displayed before any other pop-ups in the queue, then after updating the pop-up order, the new first pop-up will be the newly added one. If no other pop-ups are added to the pop-up queue during the display of the target pop-up, then the new first pop-up will be the one that follows the original first pop-up in the queue.

[0094] In the above method, before determining the next pop-up to be displayed, the pop-up order in the pop-up queue is updated according to the target pop-up order before determining the new first pop-up. This ensures that the pop-up order in the pop-up queue meets the requirements of the specific task scenario. Therefore, the display order of the new first pop-up and other pop-ups also meets the requirements of the specific task scenario. This avoids the problem of chaotic pop-up display order and multiple pop-ups being displayed simultaneously due to different API return times.

[0095] The method for determining the order of target pop-ups will be explained below.

[0096] The first possible approach is to determine the preset pop-up order as the target pop-up order.

[0097] In this scenario, the pop-up order is consistent for all users. For example, with smart food delivery lockers, regardless of which user authorizes login, during the food pickup process, pop-ups related to pickup methods, order confirmation, and "pickup in progress" will appear sequentially. Additionally, if a user's monthly pass is about to expire, a pop-up about the expiration of their monthly pass will also appear. However, the pop-up order can be pre-set according to the specific task scenario. By pre-setting this order, subsequent user interactions will display the pop-ups in the pre-defined order as long as the display conditions are met.

[0098] The second possible approach is to obtain the object identifier of the target object; based on the object identifier, determine the order of the target pop-ups.

[0099] The target object refers to the user, and the object identifier of the target object can be the user's user identification information. For example, in the scenario of a smart food delivery locker, the target object can be the user currently picking up their food, and the object identifier of the target object can be that user's user identification information (such as a phone number).

[0100] It should be understood that in specific task scenarios, different users may receive different services, resulting in different pop-up windows and consequently, different target pop-up order. In such cases, the target pop-up order can be determined based on the target object identifier.

[0101] In the above method, the order of target pop-ups is determined based on the object identifier, so that the order of target pop-ups is the order of pop-ups for the target object. In this way, precise control of pop-up display can be achieved.

[0102] After determining the target pop-up order, the pop-ups in the pop-up queue can be sorted according to the target pop-up order, so that the pop-ups in the pop-up queue are arranged in the display order. Then, the first pop-up in the pop-up queue can be directly determined as the new first pop-up.

[0103] It is worth noting that, in this embodiment of the application, in order to meet the needs of actual scenarios, some pop-ups may be added from time to time during the development process. In this case, the technicians can add some pop-up display conditions in the underlying implementation logic to achieve the corresponding functional expansion.

[0104] In this case, when the display condition corresponding to the newly added third pop-up is detected, the display order of the third pop-up is added to the target pop-up order.

[0105] The third pop-up is the newly added pop-up.

[0106] In other words, the display conditions of pop-ups in the underlying implementation logic can be detected. If there are new display conditions for pop-ups, then it can be determined that there are new pop-ups. In this case, in order to ensure the sequential display of the new pop-ups, the display order of the third pop-up can be added to the target pop-up order.

[0107] In the above approach, when a new pop-up (the third pop-up) is added, it is only necessary to add the display conditions for the new pop-up to the underlying implementation logic, and add the display order of the new pop-up among the various pop-ups in the target pop-up order. There is no need to modify the logic code too much, which can reduce development costs and simplify the development process.

[0108] It is worth noting that, during the display of the current page target pop-up, after a new first pop-up is identified, the new first pop-up can be retrieved from the pop-up queue and displayed after the display of the current page target pop-up is terminated.

[0109] Step 203: When the target pop-up on the page meets the termination condition, terminate the display of the target pop-up on the page and display the new first pop-up in the pop-up queue as the target pop-up on the page.

[0110] In the above method, the first new pop-up in the pop-up queue is displayed as the target pop-up for the page. That is, the first new pop-up in the queue is determined as the currently displayed target pop-up, and then displayed. By terminating the display of the target pop-up when it reaches its termination condition, and then displaying the first new pop-up in the queue again, it is possible to ensure that the next pop-up is displayed only after the previous one has finished displaying, thus guaranteeing the orderly display of multiple pop-ups.

[0111] It should be understood that after the new first pop-up is displayed as the page's target pop-up, it becomes the currently displayed pop-up. Therefore, when displaying the new first pop-up in the pop-up queue as the page's target pop-up, an asynchronous control object (Promise object) can be generated and attached to the instantiated object of that pop-up. Then, the `await` method can be called to wait for user interaction. After the user interacts, the `resolve` method of the Promise object can be called, updating the Promise object's control state to `fulfulled` / `resolved` (successful operation state).

[0112] Thus, by repeatedly executing steps 201-203 above, all pop-ups to be displayed in the pop-up queue have been displayed. It should be understood that after the pop-up queue is empty, and after pop-ups are added to the subsequent pop-up queue, steps 201-203 above can be executed again to display the pop-ups to be displayed.

[0113] It is worth noting that in this embodiment, the pop-up instantiation adopts the singleton pattern, which allows all pages or components to share the same instance by creating an instantiated object throughout the entire lifecycle of a specific task scenario, thereby easily enabling cross-page / component use.

[0114] To make it easier to understand, we will take its application in smart delivery lockers as an example, combined with... Figure 3 The pop-up display method provided in the embodiments of this application will be described, for example, Figure 3 This is a flowchart of another pop-up window display method provided in the embodiments of this application.

[0115] During the user's food pickup process, pop-ups will appear sequentially, including selecting the pickup method, confirming the order, picking up the food, and closing the locker door. If the monthly pass is about to expire, a pop-up indicating the monthly pass has expired may also appear. Let's assume the pickup method selection pop-up is A, the order confirmation pop-up is B, the food pickup pop-up is C, the locker door closing pop-up is D, and the monthly pass expiration pop-up is E.

[0116] The preset pop-up order is pop-up A, pop-up B, pop-up C, pop-up D, and pop-up E.

[0117] When a user clicks the order pickup control, it fulfills the queuing condition for pop-up A. In this case, pop-up A can be added to the pop-up queue. Since there is only pop-up A in the queue at this time, pop-up A can be directly determined as the first pop-up and displayed as the target pop-up of the page (essentially, displaying pop-up A). ​​A Promise object for pop-up A can also be generated and attached to the instantiated object of pop-up A, waiting for user interaction.

[0118] After pop-up A receives a user interaction, it can call the `resolve` method to update the control state of pop-up A's Promise object to `fulfilled` or `resolved`. After the user interacts with pop-up A, the subsequent pop-up B can be determined based on the interaction. However, since the user may authorize login after interacting with pop-up A, relevant service information may be obtained, such as whether the user has a monthly subscription. If the user has a monthly subscription but it's about to expire, then the queuing condition for pop-up E is met, and pop-up E will be added to the pop-up queue. However, the queuing condition for pop-up B is also met, so pop-up B will also be added to the pop-up queue. In other words, the actual order in which the target function interface returns pop-up instructions is pop-up E, then pop-up B, resulting in the current pop-up order in the queue being pop-up E, then pop-up B.

[0119] Before displaying the next pop-up, the pop-ups in the pop-up queue are sorted according to the preset pop-up order, so that the pop-ups in the pop-up queue are arranged as pop-up B and pop-up E after sorting.

[0120] Therefore, it can be determined that the next pop-up to be displayed, B, will be the new first pop-up. After pop-up B is displayed as the target pop-up on the page, combined with... Figure 1 According to the description, after the user interacts with pop-up B, the conditions for displaying pop-up C will also be met. Therefore, pop-up C will be added to the pop-up queue. At this time, the order of pop-ups in the pop-up queue is pop-up E, then pop-up C.

[0121] Before displaying the next pop-up, the pop-ups in the pop-up queue are sorted according to the preset pop-up order, so that the pop-ups in the pop-up queue are arranged as pop-up C and pop-up E after sorting.

[0122] Therefore, it can be determined that the next pop-up to be displayed, C, is the new first pop-up. After pop-up C is displayed as the target pop-up on the page, combined with... Figure 1 According to the description, after the user interacts with pop-up C, the display conditions of pop-up D will also be met, so pop-up D will be added to the pop-up queue. At this time, the order of pop-ups in the pop-up queue is pop-up E, pop-up D.

[0123] Before displaying the next pop-up, the pop-ups in the pop-up queue are sorted according to the preset pop-up order, so that the pop-ups in the pop-up queue are arranged as pop-up D and pop-up E after sorting.

[0124] Therefore, it can be determined that the next pop-up to be displayed is pop-up D, which is the new first pop-up. After pop-up D is displayed as the target pop-up on the page, the user has completed picking up the food. At this time, no other pop-ups are added to the queue. Therefore, only pop-up E remains in the queue, so pop-up E can be displayed directly.

[0125] It should be noted that the above Figure 3 The specific pop-ups and preset pop-up order involved in the embodiments are illustrative and do not constitute a limitation on the embodiments of this application.

[0126] In this embodiment, the computer device first saves the pop-ups to be displayed to a pop-up queue. Subsequently, when the first pop-up in the queue meets a preset display condition—that is, when the previous page target pop-up is terminated—the first pop-up is displayed as the page target pop-up. After displaying the first pop-up, the order of the pop-ups in the queue is updated to obtain a new first pop-up. Then, when the currently displayed page target pop-up reaches its termination condition, its display is terminated, and the new first pop-up is displayed. In other words, the pop-up queue contains all the pop-ups to be displayed later, and they only need to be displayed in a certain order. This decouples the logical judgment and display process of the pop-ups. Furthermore, before displaying the next pop-up, the order of the pop-ups in the queue is updated, ensuring that regardless of whether the interface return time is early or late, the pop-ups are displayed in a specific order. Therefore, there will be no problem of disordered pop-up display order or multiple pop-ups displaying simultaneously, thus improving the user experience.

[0127] Figure 4 This is a schematic diagram of a pop-up display device provided in an embodiment of this application. The pop-up display device can be implemented as part or all of a computer device by software, hardware, or a combination of both. This computer device can be as described below. Figure 5 The computer equipment shown. See also Figure 4 The device includes: a display module 401 and a sequence update module 402.

[0128] The display module 401 is used to display the first pop-up as the page target pop-up when the first pop-up in the pop-up queue meets the preset display conditions. The preset display conditions refer to the termination of the display of the previous page target pop-up. The sequential update module 402 is used to update the order of pop-ups in the pop-up queue to obtain a new first pop-up. The pop-up queue includes at least one pop-up. The display module 401 is also used to terminate the display of the page target pop-up when the page target pop-up reaches the end condition, and to display the new first pop-up in the pop-up queue as the page target pop-up.

[0129] In one possible implementation, the device further includes: The judgment module is used to obtain the interface return information of the target function interface and determine whether the enqueue conditions of the pop-up window are met based on the interface return information. Add a module to add a pop-up to the pop-up queue if the pop-up's enqueue conditions are met.

[0130] In one possible implementation, the added module is specifically used for: Instantiate the pop-up window to obtain the pop-up window instance object; Store the instantiated objects of the pop-up in the pop-up queue.

[0131] In one possible implementation, the device further includes: The generation module is used to generate an asynchronous control object for the target pop-up window when the first pop-up window is displayed as the target pop-up window, and to attach the asynchronous control object to the instantiated object of the target pop-up window. The interaction module is used to respond to interactive operations on the target pop-up window on the page. If the control state of the asynchronous control object is marked as the operation success state, then the target pop-up window on the page has reached the end condition.

[0132] In one possible implementation, the sequential update module 402 is specifically used for: Update the pop-up order in the pop-up queue according to the target pop-up order; The first pop-up in the pop-up queue after the pop-up order is updated is designated as the new first pop-up.

[0133] In one possible implementation, the device further includes a determining module for: Set the preset pop-up order to the target pop-up order; or, Obtain the object identifier of the target object; determine the order of the target pop-ups based on the object identifier.

[0134] In one possible implementation, the device further includes: The sequential addition module is used to add the display order of the third pop-up to the target pop-up order when the display conditions corresponding to the addition of a third pop-up are detected. The third pop-up is the newly added page pop-up.

[0135] In this embodiment, the pop-ups to be displayed are first saved in a pop-up queue. Subsequently, when the first pop-up in the queue meets a preset display condition—that is, when the previous target pop-up is terminated—the first pop-up is displayed as the target pop-up. After displaying the first pop-up, the order of the pop-ups in the queue is updated to obtain a new first pop-up. Then, when the currently displayed target pop-up reaches its termination condition, its display is terminated, and the new first pop-up is displayed. In other words, the pop-up queue contains all the pop-ups to be displayed later, and they only need to be displayed in a certain order. This decouples the logical judgment and display process of the pop-ups. Furthermore, before displaying the next pop-up, the order of the pop-ups in the queue is updated, ensuring that regardless of whether the API response is early or late, the pop-ups are displayed in a specific order. Therefore, there will be no issues with disordered pop-up display order or multiple pop-ups displaying simultaneously, thus improving the user experience.

[0136] It should be noted that the pop-up display device provided in the above embodiments is only illustrated by the division of the above functional modules during the pop-up display process. In actual applications, the above functions can be assigned to different functional modules as needed, that is, the internal structure of the device can be divided into different functional modules to complete all or part of the functions described above.

[0137] The functional units and modules in the above embodiments can be integrated into one processing unit, or each unit can exist physically separately, or two or more units can be integrated into one unit. The integrated unit can be implemented in hardware or as a software functional unit. Furthermore, the specific names of the functional units and modules are only for easy differentiation and are not intended to limit the scope of protection of the embodiments of this application.

[0138] The pop-up display device and pop-up display method embodiments provided in the above embodiments belong to the same concept. The specific working process and technical effects of the units and modules in the above embodiments can be found in the method embodiment section, and will not be repeated here.

[0139] Figure 5 This is a schematic diagram of the structure of a computer device provided in an embodiment of this application. Figure 5 As shown, the computer device 500 includes: a processor 50, a memory 51, and a computer program 52 stored in the memory 51 and executable on the processor 50. When the processor 50 executes the computer program 52, it implements the steps in the pop-up display method in the above embodiments.

[0140] Computer device 500 can be a general-purpose computer device. In specific implementations, computer device 500 can be a desktop computer, portable computer, handheld computer, mobile phone, tablet computer, smart delivery locker, or other terminal device. This application embodiment does not limit the type of computer device 500. Those skilled in the art will understand that... Figure 5 This is merely an example of computer device 500 and does not constitute a limitation on computer device 500. It may include more or fewer components than shown in the figure, or combine certain components, or different components, such as input / output devices, network access devices, etc.

[0141] Processor 50 can be a Central Processing Unit (CPU), or it can be other general-purpose processors, digital signal processors (DSPs), application-specific integrated circuits (ASICs), field-programmable gate arrays (FPGAs), or other programmable logic devices, discrete gate or transistor logic devices, discrete hardware components, etc. A general-purpose processor can be a microprocessor or any conventional processor.

[0142] In some embodiments, memory 51 may be an internal storage unit of computer device 5, such as a hard disk or memory of computer device 500. In other embodiments, memory 51 may be an external storage device of computer device 500, such as a plug-in hard disk, smart media card (SMC), secure digital (SD) card, flash card, etc., provided on computer device 500. Furthermore, memory 51 may include both internal and external storage units of computer device 500. Memory 51 is used to store operating system, application programs, boot loader, data, and other programs. Memory 51 may also be used to temporarily store data that has been output or will be output.

[0143] This application also provides a computer-readable storage medium storing a computer program that, when executed by a processor, can implement the steps in the various method embodiments described above.

[0144] This application provides a computer program product that, when run on a computer, causes the computer to perform the steps described in the various method embodiments above.

[0145] If the integrated unit is implemented as a software functional unit and sold or used as an independent product, it can be stored in a computer-readable storage medium. Based on this understanding, all or part of the processes in the above method embodiments of this application can be implemented by a computer program instructing related hardware. This computer program can be stored in a computer-readable storage medium, and when executed by a processor, it can implement the steps of the various method embodiments described above. The computer program includes computer program code, which can be in the form of source code, object code, executable files, or some intermediate form. The computer-readable medium can include at least: any entity or device capable of carrying the computer program code to a photographing device / terminal device, a recording medium, a computer memory, ROM (Read-Only Memory), RAM (Random Access Memory), CD-ROM (Compact Disc Read-Only Memory), magnetic tape, floppy disk, and optical data storage devices. The computer-readable storage medium mentioned in this application can be a non-volatile storage medium; in other words, it can be a non-transient storage medium.

[0146] It should be understood that all or part of the steps of the above embodiments can be implemented by software, hardware, firmware, or any combination thereof. When implemented in software, it can be implemented in whole or in part as a computer program product. The computer program product includes one or more computer instructions. The computer instructions can be stored in the above-described computer-readable storage medium.

[0147] In the above embodiments, the descriptions of each embodiment have different focuses. For parts that are not described in detail or recorded in a certain embodiment, please refer to the relevant descriptions of other embodiments.

[0148] Those skilled in the art will recognize that the units and algorithm steps of the various examples described in conjunction with the embodiments disclosed herein can be implemented in electronic hardware, or a combination of computer software and electronic hardware. Whether these functions are implemented in hardware or software depends on the specific application and design constraints of the technical solution. Those skilled in the art can use different methods to implement the described functions for each specific application, but such implementation should not be considered beyond the scope of this application.

[0149] In the embodiments provided in this application, it should be understood that the disclosed apparatus / computer devices and methods can be implemented in other ways. For example, the apparatus / computer device embodiments described above are merely illustrative. For instance, the division of modules or units is only a logical functional division, and in actual implementation, there may be other division methods. For example, multiple units or components may be combined or integrated into another system, or some features may be ignored or not executed. Furthermore, the coupling or direct coupling or communication connection shown or discussed may be through some interfaces; the indirect coupling or communication connection between apparatuses or units may be electrical, mechanical, or other forms.

[0150] The units described as separate components may or may not be physically separate. The components shown as units may or may not be physical units; that is, they may be located in one place or distributed across multiple network units. Some or all of the units can be selected to achieve the purpose of this embodiment according to actual needs.

[0151] The above-described embodiments are only used to illustrate the technical solutions of this application, and are not intended to limit them. Although this application has been described in detail with reference to the foregoing embodiments, those skilled in the art should understand that modifications can still be made to the technical solutions described in the foregoing embodiments, or equivalent substitutions can be made to some of the technical features. Such modifications or substitutions do not cause the essence of the corresponding technical solutions to deviate from the spirit and scope of the technical solutions of the embodiments of this application, and should all be included within the protection scope of this application.

Claims

1. A pop-up display method, characterized by, The method includes: When the first pop-up in the pop-up queue meets the preset display conditions, the first pop-up is displayed as the page target pop-up. The preset display conditions refer to the earlier page target pop-up being terminated from display. The order of the pop-up windows in the pop-up window queue is updated to obtain a new first pop-up window, wherein the pop-up window queue includes at least one pop-up window; When the target pop-up on the page reaches the termination condition, the display of the target pop-up on the page is terminated, and the new first pop-up in the pop-up queue is displayed as the target pop-up on the page.

2. The method as described in claim 1, characterized in that, The method further includes: Obtain the interface return information of the target function interface, and determine whether the queuing conditions of the pop-up window are met based on the interface return information; If the conditions for enqueuing the pop-up are met, the pop-up is added to the pop-up queue.

3. The method as described in claim 2, characterized in that, Adding the pop-up window to the pop-up window queue includes: The pop-up window is instantiated to obtain an instantiated object of the pop-up window; The instantiated object of the pop-up is stored in the pop-up queue.

4. The method as described in claim 3, characterized in that, The method further includes: When the first pop-up is displayed as the target pop-up of the page, an asynchronous control object of the target pop-up is generated, and the asynchronous control object is attached to the instantiated object of the target pop-up of the page. In response to an interactive operation on the target pop-up window on the page, if the control state of the asynchronous control object is marked as a successful operation state, then it is determined that the target pop-up window on the page has reached the termination condition.

5. The method as described in claim 1, characterized in that, The step of updating the pop-up order in the pop-up queue to obtain a new first pop-up includes: The pop-up order in the pop-up queue is updated according to the target pop-up order. The first pop-up in the pop-up queue after the pop-up order is updated is determined as the new first pop-up.

6. The method as described in claim 5, characterized in that, The steps for determining the order of the target pop-ups include: The preset pop-up order is determined to be the target pop-up order; or, Obtain the object identifier of the target object; determine the order of the target pop-ups based on the object identifier.

7. A pop-up display device, characterized in that, The device includes: The display module is used to display the first pop-up as the page target pop-up when the first pop-up in the pop-up queue meets the preset display conditions. The preset display conditions refer to the termination of the display of the previous page target pop-up. The sequential update module is used to update the order of the pop-ups in the pop-up queue to obtain a new first pop-up, wherein the pop-up queue includes at least one pop-up. The display module is also used to terminate the display of the page target pop-up when the page target pop-up reaches the end condition, and to display the new first pop-up in the pop-up queue as the page target pop-up.

8. A computer device, characterized in that, The computer device includes a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the computer program, when executed by the processor, implements the method as described in any one of claims 1 to 6.

9. A computer-readable storage medium, characterized in that, The computer-readable storage medium stores a computer program that, when executed by a processor, implements the method as described in any one of claims 1 to 6.

Images