jeena/en.javascript.info
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions

beautify html

Browse source
This commit is contained in:
Ilya Kantor 2015-03-09 19:02:13 +03:00
parent ecf1478e7e
commit 5342f628da
354 changed files with 13965 additions and 9486 deletions
Download patch file Download diff file Expand all files Collapse all files

74
1-js/7-js-misc/3-setTimeout-setInterval/setInterval-anim.view/index.html
View file

@ -1,49 +1,59 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style> div { height: 18px; margin: 1px; background-color:green; } </style>
<style>
div {
height: 18px;
margin: 1px;
background-color: green;
}
</style>
</head>
<body>
<input type="button" id="start" value="Старт">
<input type="button" id="stop" value="Стоп" disabled>
<input type="button" id="start" value="Старт">
<input type="button" id="stop" value="Стоп" disabled>
<script>
for (var i=0; i<=20; i+=2) {
document.write('<div>'+i+'</div>');
}
<script>
for (var i = 0; i <= 20; i += 2) {
document.write('<div>' + i + '</div>');
}
var startButton = document.getElementById('start');
var stopButton = document.getElementById('stop');
var startButton = document.getElementById('start');
var stopButton = document.getElementById('stop');
var timers = [];
var timers = [];
stopButton.onclick = function() {
startButton.disabled = false;
stopButton.disabled = true;
stopButton.onclick = function() {
startButton.disabled = false;
stopButton.disabled = true;
for(var i=0; i<timers.length; i++) clearInterval(timers[i]);
timers = [];
}
for (var i = 0; i < timers.length; i++) clearInterval(timers[i]);
timers = [];
}
startButton.onclick = function() {
startButton.disabled = true;
stopButton.disabled = false;
startButton.onclick = function() {
startButton.disabled = true;
stopButton.disabled = false;
var divs = document.getElementsByTagName('div');
for (var i=0; i<divs.length; i++) {
animateDiv(divs, i);
}
}
var divs = document.getElementsByTagName('div');
for (var i = 0; i < divs.length; i++) {
animateDiv(divs, i);
}
}
function animateDiv(divs, i) {
var div = divs[i], speed = div.innerHTML;
timers[i] = setInterval(function() {
div.style.width = (parseInt(div.style.width||0) + 2) % 400 + 'px'
}, speed);
}
</script>
function animateDiv(divs, i) {
var div = divs[i],
speed = div.innerHTML;
timers[i] = setInterval(function() {
div.style.width = (parseInt(div.style.width || 0) + 2) % 400 + 'px'
}, speed);
}
</script>
</body>
</html>
</html>