在脚本中执行另一个脚本中的函数

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

您必须将 reloaded() 放在全局范围内才能从另一个脚本访问它。现在它位于一个匿名函数内（有点黑客来减轻全局范围污染），但对于您的情况，如果将两个脚本合并为一个不可行，您将不得不污染全局范围。

如果它是一次性函数，请给它一个唯一的前缀或其他东西：

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>