javascript - 如何使用按钮停止脚本运行？

Question

我有一个脚本

<script type="text/javascript">
/* firework script effect */

if (typeof('addRVLoadEvent')!='function') function addRVLoadEvent(funky) {
...
}
function bang(N) {
  var i, Z, A=0;
  ....
}
function stepthrough(N) { 
.....
} 
</script>

<button onclick="myFunction()">Click to stop firework</button>

如何通过单击按钮来运行/停止烟花脚本？ 默认情况下，当页面加载时，它会运行并运行良好。

我从她那里得到了剧本http://www.mf2fm.com/rv/dhtmlfireworks.php

Answer 1

将所有 JavaScript 代码包装在一个函数中，这样它就不会自动运行，然后像现在一样使用 onclick 方法。

示例。

<script type="text/javascript">
/* firework script effect */
function myFunction() {
     script that runs firework. 
     script changing the button to run the stop function when next clicked.
} 
if (typeof('addRVLoadEvent')!='function') function addRVLoadEvent(funky) {
...
}
function bang(N) {
  var i, Z, A=0;
  ....
}
function stepthrough(N) { 
.....
} 
</script>

<button onclick="myFunction()">Click to stop firework</button>`