Abrufen von Werten aus span-Tags mit Slider-Optionen durch jQuery

Question

Ich habe den folgenden Code mit Slider-Optionen.

<div class="time-filter"> 
     <div id="weekline"></div> 
     <div id="time-range"> 
      <p><span class="slider-time">10:00 AM</span> - <span class="slider-time2">12:00 PM</span> 

      </p> 
      <div class="sliders_step1"> 
       <div id="slider-range"></div> 
      </div> 
     </div> 
    </div> 

Ich brauche die geänderten Werte des „Slider-time“ zu bekommen und „Schieber-Zeit2“ span-Tags nach einem bestimmten Zeitintervall, z.B. Wenn sich die Zeit in den Span-Tags geändert hat, muss ich den geänderten Zeitwert aus beiden Span-Tags nach 3 Sekunden mit jQuery abrufen. Wie werde ich es tun?

Ich habe den folgenden Code versucht:

<script language="javascript"> 
$(document).ready(function(e) { 
$(".slider-time").on("DOMSubtreeModified",function(){ 
    var timeHandler = setInterval(function(){ 
     alert($(".slider-time").html()+' x '+$(".slider-time2").html()); 
     },4000); 
     clearInterval(timeHandler); 
    }); 
}); 
</script> 

Answer 1

mit diesem versuchen Code unten, kann es Ihnen helfen, ...

$('#time-range').on("DOMSubtreeModified propertychange", function() { 
 
var getSlidTime1 = $(".slider-time").html(); 
 
var getSlidTime2 = $(".slider-time2").html(); 
 
setInterval(function(){ alert(getSlidTime1+' - '+getSlidTime2); }, 3000); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 
 
<div class="time-filter"> 
 
    <div id="weekline"></div> 
 
    <div id="time-range"> 
 
    <p><span class="slider-time">10:00 AM</span> - <span class="slider-time2">12:00 PM</span> 
 

 
    </p> 
 
    <div class="sliders_step1"> 
 
     <div id="slider-range"></div> 
 
    </div> 
 
    </div> 
 
</div>