.html() 在页面更改或刷新时不起作用

Question

I have a JS that plays a notification sound on the arrival of any new notifications. It works completely fine when a new notification comes, it should play the sound and it does play.

The notification I am talking about is only an integer which is returned from a query through an ajax call. I set this integer into my <asp:label.../> through the script.

The problem is : I have written the script on MasterPage . So every time I open a new page, or a refresh the same one the <asp:Label.../> gets cleared which I set from my script using .html(value) causing the script to run the sound again as every time the page refreshes or another page is loaded.

The problem may be is , that the value is not persistent ?

I want that the value should be set to the html of the label and also its value should be persistent on all the pages . What should I do for this persistence ?

My Script is :

myFunction();

function myFunction() {
    $.get("AjaxServicesNoty.aspx", function (data) {
        var recievedCount = parseInt(data);
        alert(recievedCount);
        var existingCount = $(".lblEventCount").text();

        if (existingCount == "") {
            existingCount = 0;
            alert(existingCount);
        } else {
            existingCount = parseInt($(".lblEventCount").text());
            alert(existingCount);
        }

        //   if (existingCount == "" && recievedCount != 0) {
        //       $(".lblEventCount").html(recievedCount);
        //       $(".lblAcceptedCount").html(recievedCount);
        //       var sound = new Audio("Sound/notificationSound.wav");
        //       sound.play();
        //   }

        if ((parseInt(recievedCount) > parseInt(existingCount)) && existingCount == 0) {
            $(".lblEventCount").html(recievedCount);
            $(".lblAcceptedCount").html(recievedCount);
            var sound = new Audio("Sound/notificationSound.wav");
            sound.play();
        } else {
            $(".lblEventCount").html(existingCount);
            $(".lblAcceptedCount").html(existingCount);
        }
    });
}
setInterval(myFunction, 5000);

Answer 1

使用 DIV ID 而不是通过类选择

$("#divID").html(existingCount);