如何从html.erb调用JavaScript函数

如何从html.erb调用JavaScript函数

application.js中

function displayClock() { var digital = new Date(); var hours = digital.getHours(); var minutes = digital.getMinutes(); var seconds = digital.getSeconds(); var amOrPm = 'AM'; if (hours > 11) amOrPm = 'PM'; if (hours > 12) hours = hours - 12; if (hours == 0) hours = 12; if (minutes <= 9) minutes = '0' + minutes; if (seconds <= 9) seconds = '0' + seconds; dispTime = ''+hours + ':' + minutes + ':' + seconds + ' ' + amOrPm+''; document.getElementById('time').innerHTML = dispTime; setTimeout('displayClock()', 1000); } 

并在home.html.erb

 displayClock(); 

但它没有调用function!

您可能需要使用正确的标记来表明您正在编写JS代码:

  

另外,既然您可能使用jQuery(它是Rails中的默认设置),您可能需要确保在加载整个文档后调用该函数:

  

我还建议你不要在application.js编写JS,并将此文件仅用作清单文件,其中包括通过Rails 资产管道的其他脚本。