<html>
<head>
<title>DHTML動畫</title>
<script type="text/javascript">
function init() {
var mdiv = document.getElementById("divmove");
mdiv.style.width = "250px";
mdiv.style.height = "130px";
mdiv.style.border = "black outset 3px";
mdiv.style.backgroundColor ="lightGray";
var colors = ["white", "yellow", "orange", "red"];
var nextColor = -1, len = colors.length, num, color;
var iTime = setInterval(function() {
num = ++nextColor;
color = colors[num%len];
mdiv.style.backgroundColor = color;
mdiv.innerHTML = "<h1 align='center'>"+ color +"</h1><h6>"+ num +"</h6>";
if(num==11) {
clearInterval(iTime);
}
}, 1000);
}
</script>
</head>
<body onload="init()">
<div id="divmove"></div>
</body>
</html>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
