從腳本中的另一個腳本執行功能

Question

我有兩個腳本在我的頁面正文中運行。當在鍵盤上按下「a」時，將運行另一個腳本。我如何添加一些延遲，然後再次觸發第一個腳本？我已經嘗試了下面的代碼，它不起作用。最好，我想取消第二個腳本開頭的第一個超時。

<script id="source" language="javascript" type="text/javascript"> 
$(function(){ 
    function reloading(){ 
     $.ajax({          
     url: 'api.php',      
     data: "",      
     dataType: 'json',    
     success: function(data)   
     { 
     var id = data[0];    
      _id = id; 
     var vname = data[1];   
     var message = data[2]; 
     var timestamp = data[3]; 
     var field1 = data[4]; 
     _field1 = field1; 
     var val2 = parseInt(field1, 10) ; 
     _val2 = val2; 
     $('#output').hide().html(message).fadeIn("slow"); 
     $('#username').hide().html(vname +":").fadeIn("slow"); 
     setTimeout(function(){ 
     reloading(); 
    }, 60000); 

     } 
     }); 
    } 
    reloading(); 
}); 
    </script> 

    <script> 
    $(document).jkey('a',function() { 
    $.post("update.php", { "id": _id}) 
     $('#output').hide().html("<i>Message</i><br> <br>" +_val2 +" additional.").fadeIn("slow"); 
     $('#username').fadeOut("fast"); 
     $('#valg1').fadeOut("fast"); 
     $('#valg2').fadeOut("fast"); 
     }); 
    setTimeout("reloading()",1000); 
</script> 

Answer 1

你必須把重載（）在全球範圍內從另一個腳本訪問。現在它在一個匿名函數中（有點可以緩解全局範圍的污染），但對於你的情況，如果將兩個腳本合併成一個腳本是不可行的，你將不得不污染全局範圍。

如果這是一個一次性的功能，給它一個唯一的前綴或東西：

myApp_reloaded(); 

如果你有一堆需要在全球範圍內，建立一個包裝對象的功能。現在有很多，你可以使用不同的圖案，我更喜歡這個...

function MyApp() { 

    } 
    MyApp.prototype.reloaded = function() { 
    // reload func body here 
    } 




var myApp = new MyApp(); 

現在你可以在全球訪問方法：

myApp.reloaded(); 

Answer 2

快速砍，直到有人來用更優雅的一個不污染全局範圍

<script id="source" language="javascript" type="text/javascript"> 
var tId; 
function reloading(){ 
    $.ajax({          
    url: 'api.php',      
    data: "",      
    dataType: 'json',    
    success: function(data) { 
     var id = data[0];    
     _id = id; 
     var vname = data[1];   
     var message = data[2]; 
     var timestamp = data[3]; 
     var field1 = data[4]; 
     _field1 = field1; 
     var val2 = parseInt(field1, 10) ; 
     _val2 = val2; 
     $('#output').hide().html(message).fadeIn("slow"); 
     $('#username').hide().html(vname +":").fadeIn("slow"); 
     clearTimeout(tId); 
     tId=setTimeout(function(){ reloading();}, 60000); 
    } 
    }); 
} 

$(function(){ 
    reloading(); 
}); 

$(document).jkey('a',function() { 
    $.post("update.php", { "id": _id}) 
    $('#output').hide().html("<i>Message</i><br> <br>" +_val2 +" additional.").fadeIn("slow"); 
    $('#username').fadeOut("fast"); 
    $('#valg1').fadeOut("fast"); 
    $('#valg2').fadeOut("fast"); 
    clearTimeout(tId); 
    tId = setTimeout(function() { reloading()},1000); 

}); 
</script>