Question

我在JSFIDDLE上创建了这个函数，并将其复制到这样的html文件中，

<!DOCTYPE html>
<html>

<img src="https://img.clipartfest.com/bdaa48cee45dde7a22d715ece7f549c0_free-man-flying-a-rocket-rocket-man-clipart_2000-1778.png" height="82" width="82"
id="friends"/>

<style>#friends { position: absolute; }</style>

<script language="JavaScript" type="text/javascript" >var t = 0;
  var width = window.innerWidth
  || document.documentElement.clientWidth
  || document.body.clientWidth;
  function moveit() {
     t += 0.01;

var r = 100;
var xcenter = 100;
var ycenter = 100;
var newLeft = (Math.floor(xcenter + ( 1*r*Math.tan(t))));
var newTop = (Math.floor(ycenter + (r*Math.sin(t))));

if(newLeft < xcenter && newTop<r ){newTop=2*r-newTop}
if(newLeft > xcenter && newTop>r ){newTop=2*r-newTop}
$('#friends').animate({
    top: newTop,
    left: newLeft,
}, 1, function() {
    moveit();
});
}


moveit();

</script>



</html>

它给了我很多错误。但在JSFIDDLE中完美运行，请告诉我我做错了什么。我是JS的新手。

Answer 1

该示例使用jQuery 1.6版。尝试将其包含在您的页面中。

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>

更新：并禁用扩展程序Imacros for Chrome，因为您的例外来自那里。

Answer 2

您在不导入库的情况下使用jQuery函数，请尝试添加

<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>

位于HTML的顶部

尝试在chrome上运行JavaScript时出错

2 个答案: