Мне нужно, чтобы после окончания первой анимации запустилась вторая, но в то время как запустится второй, нужно чтобы первый не запускался.
Уберите в начале ссылки '/'
h/ttp://plnkr.co/edit/neRfQ9RQ6C9lDtl8sNzw?p=preview
JavaScript
Пожалуйста, помогите с простым кодом JavaScript
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Дерзкая! </title>
<style>
div { width: 500px; height: 200px; border: 1px solid black; padding-left: 5px; }
</style>
</head>
<body>
<div id='one'></div>
<div id='two'></div>
<script>
let flag = true;
function rand(min, max) {
let rand = min - 0.5 + Math.random() * (max - min + 1)
rand = Math.round(rand);
return rand;
}
function type(id, text) {
let i = 0;
function next() {
if (++i <= text.length) document.querySelector(id).innerHTML = text.substr(0, i);
}
setInterval(next, rand(40, 80));
}
setInterval(function() {
let hello = " - Слышь!.. Ты чё такая дерзкая?!";
let goodby = " - Ты кто такой? Давай, до свидания!!";
type(flag ? '#one' : '#two', flag? hello : goodby);
flag = !flag;
}, 2500);
</script>
</body>
</html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Дерзкая! </title>
<style>
div { width: 500px; height: 200px; border: 1px solid black; padding-left: 5px; }
</style>
</head>
<body>
<div id='one'></div>
<div id='two'></div>
<script>
let flag = true;
function rand(min, max) {
let rand = min - 0.5 + Math.random() * (max - min + 1)
rand = Math.round(rand);
return rand;
}
function type(id, text) {
let i = 0;
function next() {
if (++i <= text.length) document.querySelector(id).innerHTML = text.substr(0, i);
}
setInterval(next, rand(40, 80));
}
setInterval(function() {
let hello = " - Слышь!.. Ты чё такая дерзкая?!";
let goodby = " - Ты кто такой? Давай, до свидания!!";
type(flag ? '#one' : '#two', flag? hello : goodby);
flag = !flag;
}, 2500);
</script>
</body>
</html>
var text = 'Привет';
var i = 0; // , i2=0;
function type() {
i++;
if( i <= text.length ){
document.getElementById('one').innerHTML = text.substr(0, i);
var aps = setTimeout(type, 100 );
}
}
type();
setTimeout(function () {
i = 0; text = 'Привет';
function type2() {
i++;
if( i2 <= text.length ){
document.getElementById('two').innerHTML = text.substr(0, i );
setTimeout(type2, 300 );
}
}
type2();
} , 5000 );
var i = 0; // , i2=0;
function type() {
i++;
if( i <= text.length ){
document.getElementById('one').innerHTML = text.substr(0, i);
var aps = setTimeout(type, 100 );
}
}
type();
setTimeout(function () {
i = 0; text = 'Привет';
function type2() {
i++;
if( i2 <= text.length ){
document.getElementById('two').innerHTML = text.substr(0, i );
setTimeout(type2, 300 );
}
}
type2();
} , 5000 );
Где вы присваиваете переменной i начальное значение (21 и 34 строки), вместо i = 0, напишите var i = 0;
Без var вы объявили глобальную переменную.
Без var вы объявили глобальную переменную.
Вот загрузите это же задание сюда:
Помощь в решении задач студентам и школьникам
Там вроде как решают.
Помощь в решении задач студентам и школьникам
Там вроде как решают.
Похожие вопросы
- Помогите разобраться с кодом (JavaScript)
- Помогите с кодом Javascript
- Помогите решить два кода на javascript, чтобы потом понимать как решать похожие
- Помогите с кодом JavaScript
- помогите составить загадку в javaScript пожалуйста.
- Помогите решить задачи в Javascript:
- помогите решить задачу по javascript
- Помогите с вопросом про JavaScript Object
- Помогите решить задачу в JavaScript, тема: матрицы.
- Помогите составить таймер на javascript чтобы отображалось время пребывания пользователя на странице.
var text = 'Привет';
var i = 0; // , i2=0;
function type() {
i++;
if( i <= text.length ){
document.getElementById('one').innerHTML = text.substr(0, i);
var aps = setTimeout(type, 100 );
}
}
type();
setTimeout(function () {
i = 0; text = 'Привет';
function type2() {
i++;
if( i <= text.length ){
document.getElementById('two').innerHTML = text.substr(0, i );
setTimeout(type2, 300 );
}
}
type2();
} , 5000 );