Using Javascript Timers in an ASP.NET AJAX application with the pageLoad() function

function initiatePageLoad() {

    clearTimeout("MessagesTimer");
    clearTimeout("NotificationsTimer");

    var MessagesTimer = setTimeout("CheckMessages()", 15000);
    var NotificationsTimer = setTimeout("CheckNotifications()", 15000);
}

I've been troubleshooting for a few hours trying to figure out why this code is not functioning as expected. Are there any suggestions on why the timers aren't clearing after partial updatepanel postbacks? It seems that if there's a full postback, the timers reset properly. However, during partial postbacks, the timers might trigger sooner than the specified 15000ms, sometimes even triggering instantly.

If you have any insights or solutions to offer, I would greatly appreciate it. Thank you!

javascriptasp.netajax

Answer №1

let MessagesTimer;
let NotificationsTimer;

function startPage() {
    clearTimeout(MessagesTimer);
    clearTimeout(NotificationsTimer);
}

MessagesTimer = setTimeout("CheckMessages()", 15000);
NotificationsTimer = setTimeout("CheckNotifications()", 15000);
  1. Revise the clearTimeout lines by removing the quotes.
  2. Rearrange the timer definitions outside the startPage function.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Utilize JSON data to dynamically populate TextFields or Select menus depending on a specific key in the JSON object

As I retrieve multiple JSON groups from an API, each group contains one or more questions objects. The task at hand is to attach each question along with its corresponding response to a textField. Based on the value of QuestionType, it will be decided whet ...

javascriptreactjsjsonmaterial-ui

Distinguishing between client side rendering and server side rendering is the backbone of web development

My goal is to give users the option to request webpages from my website either directly from the server or by clicking on links, which will be managed by Backbone's router. When a user requests a webpage directly from the server, they will receive a ...

javascripthtmlbackbone.jssingle-page-application

Creating a custom math formula using a combination of Javascript and PHP

Is it possible to apply a math formula from another variable or database? var x = 7; var formula = '+'; var y = 10; By this, I mean that the variables should output = 17 (7 + 10); How can we implement this formula using Javascript or PHP? ...

javascriptphpmathformula

Unable to receive data in an array with Vuejs

Here is the code snippet I am working with: let data = res.data.data; console.log('data: ', data) const list = []; for(let i = 0; i < data.length; i++){ console.log('data i: ', data[i]) //this line is not being printed in the ...

javascriptvue.jsvuejs2

What is the best way to implement horizontal content scrolling when an arrow is tapped in mobile view?

I recently created a JS Fiddle that seems to be working fine on desktop, but in mobile view, the square boxes have horizontal scrolling. Here are the CSS codes I used for this particular issue: @media only screen and (max-width: 767px) { .product-all-con ...

javascriptjquerycssscrollcss-shapes

React Intersection Observer not functioning properly

Hey there! I'm trying to create an animation where the title slides down and the left element slides to the right when scrolling, using the intersection observer. Everything seems to be fine in my code, but for some reason it's not working. Any t ...

javascriptcssreactjs

Having trouble connecting v-model to vue-date-picker

My experience with the vue-date-picker and v-model for two-way data binding has been interesting. Initially, I set the value to a date (referred as startDate in this case) and printed the passed value (i.e. startDate) in the console. The initial value pa ...

javascriptvue.jsvuejs2vue-componentvuex

Sending an AJAX request to a PHP file to retrieve data in JSON format

Greetings everyone, I am currently exploring the world of AJAX for sending information to a JSON file and I'm unsure about the structure of the .php file needed to process it. My experience with .php is quite limited. Can anyone guide me in the right ...

javascriptphpjqueryjsonajax

Awaiting fulfillment - Promise remains pending as loop executes queries

I have a scenario where I receive an array containing multiple data elements and need to perform a query for each element in the array. However, this is resulting in a promise pending response. How can I resolve this issue? What could be causing it? getFa ...

javascriptnode.jsexpress

"Implementing a function triggered by a change event within a concealed input

I am working with two AJAX functions. The first function takes the input from the first field, concatenates a string to it, and then updates the value of the second hidden input field. However, the second function is supposed to detect any changes in thi ...

javascriptjqueryajax

Preventing horizontal swiping while vertically scrolling on mobile devices

How can I prevent horizontal swipe functionality from interfering with vertical scrolling on a webpage? I have successfully blocked vertical scrolling but need help finding a solution for preventing horizontal swiping. Has anyone else encountered this issu ...

javascriptreactjsvue.js

Ways to add a string to an array as a labeled object in javascript?

Is there a way to manipulate the array in imageCollection to achieve the format of the array in carouselPhotos as shown below? export default class HomeScreen extends Component { state = { imageCollection: [ { name: "P ...

javascriptarraysreactjsreact-native

How to Modify the Data in a Dynamic Object within the Vuex Store in a Nuxt Application

Within my Vue/Nuxt project, I have implemented a form where users can add and update dynamic fields for calculating price offers. Upon loading the form, one field is created using the beforeMount lifecycle, with the option for users to add more fields as n ...

javascriptarraysvue.jsnuxt.jsvuex

What is the best way to eliminate the unnecessary space that appears by default in the Ajax control toolkit tab panel control

When using the Ajax Control Toolkit tab panel, you may notice that there is automatic spacing added around all four corners of the body. For instance, when viewing the TabPanel on the page http://www.asp.net/ajax/ajaxcontroltoolkit/Samples/Tabs/Tabs.aspx ...

asp.netajaxasp.net-ajaxajaxcontroltoolkit

The solution to enabling multiple inputs when multiple buttons are chosen

Below is a link to my jsfiddle application: http://jsfiddle.net/ybZvv/5/ Upon opening the jsfiddle, you will notice a top control panel with "Answer" buttons. Additionally, there are letter buttons, as well as "True" and "False" buttons. The functionali ...

javascriptjqueryhtml

Remove attributes from a collection of objects

Here is an array of objects: let array = [{ firstName: "John", lastName : "Doe", id:5566, weight: 70 },{ firstName: "Francis", lastName : "Max", id:5567, weight: 85 }]; I am looking to remove the properties "lastName" and "weight" for all obj ...

javascriptarraysobjectjavascript-objects

Tips for utilizing a for loop within an array extracted from a jQuery element for automation

I am looking to streamline the process using a for loop for an array containing 10 image files in the parameters of initialPreview and initialPreviewConfig. My envisioned solution involves the following code snippet: for (i = 0; i < 11; i++) { "< ...

javascriptjquery

Is there a way to refresh my list following a POST request when utilizing a separate endpoint?

I'm struggling with updating my list after a POST request. I haven't been able to find any solutions online. Typically, I would just push an object into an array, but it seems different in this case. This function utilizes 2 API endpoints. The f ...

javascriptvue.js

Identify Horizontal Swipe Gestures on Page-level

I am currently focused on ensuring accessibility for users utilizing voiceover technology. While navigating their phone, these individuals rely on right and left swipes to interact with elements on a page. I am seeking to implement swipe detection at the ...

javascripthtmlreactjsaccessibilitywai-aria

Retrieve only the names of keys from a JSON object presented in array form using Node.js

How can I retrieve JSON data key names and store them in an array using nodejs? I attempted the following code, but it returned an object instead of an array. I need the key names in an array format so that I can save them in a variable. const jsondata = ...

javascriptnode.jsjson