Question

我有一个页面显示来自mysql DB的温度编号和一个从同一个数据库中获取其值的滑块。我想运行数据库查询并在页面开始时显示值，这样我就可以立即获得温度和滑块值。温度每5秒刷新一次，但滑块值每隔几分钟就会完成一次。我可以通过setInterval让这个工作正常，但是已经被警告这导致延迟堆叠，所以我尝试setTime out但是我无法让它工作（第一次使用它）

<script>
var gaugeData = function(){
     $.ajax({
        url:"data.php",
        dataType:"json",
        success: function(data){
            console.log(data);
            $('#thermostatSlider').val(data.thermostat);
            if (data.temp <= 15){
                document.getElementById("RoomTemp").style.color = '#00FFFF';
            }
            if (data.temp > 15 && data.temp < 21){
                document.getElementById("RoomTemp").style.color = '#FF9900';
            }
            if (data.temp >= 21){
                document.getElementById("RoomTemp").style.color = '#FF3300';
            }
            $("#RoomTemp").html(data.temp + '&deg;C');
            sliderFunction();
        }
    });
 }
function sliderFunction(){
    var currentValue = $('#currentValue');
    $('#thermostatSlider').change(function(){
        currentValue.html(this.value);
    });
    $('#thermostatSlider').change();    
};
setTimeout(sliderFunction, 9000);
setInterval (gaugeData, 5000);

艾米请帮忙

使用setTimeout在页面启动和间隔运行功能

0 个答案: