js函数执行的先后顺序问题

提交表单数据获取参数后再产生动画效果，现在加载完HTML页面就执行产生动画效果的函数了，相应的参数没有定义，怎么解决提交数据和产生动画效果两个函数的先后顺序呢？

提交表单获取参数,然后在执行动画效果.js的执行顺序是从上往下执行的,首先遇到了onclick异步事件就跳过异步事件,接着就遇到了 animate()同步事件,就执行,所以是先执行了animate(),当你点击按钮的时候执行了onclick事件,你问这问题一看就是基础很不好的那种,多百度百度或者找个教程看看把

解决方法
1、将动画的调用函数放在提交表单的函数里面进行调用，
2、如果可以的话，提交表单的函数里面 再加个判断（可加可不加），表单正确提交后并有返回结果之后，
再进行动画函数的调用。

你需要先点击按钮然后才触发 animate()函数？
那你直接将 animate()放入 onlick()事件结尾不就行了。

btn.onclick = function(){
....
animate();
}

1、封装好动画效果的函数，在获取参数后调用
2、promise

window.onload=function(){ //要执行的代码}

你应该把
btn.onclick = function(){

}
这里面定义的那些对象，其他函数用到的对象，变成全局对象才行，否则，你别的函数里是无法调用另外一个函数里面定义的对象的

window.onload=function(){里面需要执行的函数}