<style>
#container {
width: 320px;
height: 400px;
border: 1px solid red;
}
#top {
width: 320px;
height: 80px;
border: 1px solid blue;
}
</style>
<script type="text/javascript" src="One.js"> </script>
</head>
<body>
<div id="top">
<button onclick="start()">Start</button>
<button onclick="stop()">Stop</button>
<button onclick="pause()">Pause</button>
</div>
<div style="position: relative;" id="container">
<canvas id="myCanvas" width="320" height="400"
style="position: absolute; left: 0; top: 0; z-index: 0;"></canvas>
<canvas id="plane" width="320" height="400"
style="position: absolute; left: 0; top: 0; z-index: 0;"></canvas>
<canvas id="buildings" width="320" height="400"
style="position: absolute; left: 0; top: 0; z-index: 0;"></canvas>
<canvas id="cloud" width="320" height="400"
style="position: absolute; left: 0; top: 0; z-index: 0;"></canvas>
<canvas id="buildings2" width="320" height="400"
style="position: absolute; left: 0; top: 0; z-index: 0;"></canvas>
<canvas id="canvas2" width="100" height="100"
style="position: absolute; left: 0; top: 0; z-index: 1;"></canvas>
</div>
So I want to be able to call the start function which will run my canvas animation. My code is fully working when I have the js on the html page. But I can not get it to work when it is as an external script. Thank you
asked Apr 5, 2014 at 10:39
reidjako
3843 gold badges5 silver badges17 bronze badges
-
Is the html file and js file in the same folder..?T J– T J2014年04月05日 10:51:42 +00:00Commented Apr 5, 2014 at 10:51
1 Answer 1
Put the <script type="text/javascript" src="One.js"> </script> right before the </body> tag. That will help. The DOM has to load before you can run your Javascript file, that's why it's wise to put it at the end, when you are sure that everything has been loaded.
answered Apr 5, 2014 at 10:49
maikovich
3782 gold badges3 silver badges17 bronze badges
Sign up to request clarification or add additional context in comments.
Comments
lang-js