<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<style>
#test{
width: 100px;
height: 100px;
background: red;
}
</style>
</head>
<body>
<div id="test"></div>
<button onclick="stop();">Stop</button>
<script>
var id = setTimeout(anim,3000);
function anim(){
var target = document.getElementById("test");
target.style.width="200px";
target.style.height="200px";
}
function stop(){
clearTimeout(id);
}
</script>
</body>
</html>
OUTPUT
Comments
Post a Comment