<script>
var id
let j = 1
$('.main-i').hover(function () {
$(document).ready(function () {
let a = $('.main-i').offset()
for (i = 1; i <= 9; i++) {
$('.pc-spans').append('<span data-class="span-i" data-id=' +
i + ' class="i-am-os">text</span>')
$('.i-am-os[data-id="' + i + '"]').offset({ top: a.top + i * 13, left: a.left + i ** 2 })
}
$('.pc-spans').append('<span data-class="span-i" data-id=' +
10 + ' class="i-am-os">text</span>')
$('.i-am-os[data-id="' + 10 + '"]').offset({ top: a.top + 10 * 13, left: a.left + 50 + 10 ** 2 })
for (i = 11; i <= 22; i++) {
$('.pc-spans').append('<span data-class="span-i" data-id=' +
i + ' class="i-am-os">text</span>')
$('.i-am-os[data-id="' + i + '"]').offset({ top: a.top - (i - 20) * 13, left: a.left - (i - 22) ** 2 + 360 })
}
})
}, function () {
id = setInterval(function () {
$('.i-am-os[data-id="' + j + '"]').animate({
opacity: '0',
olor: '#00000000'
}, 100, function () {
$(this).remove()
console.log(j)
})
if (j > 22) {
clearInterval(id);
} else {
j++
}
}, 100);
})
</script>
<script>
var id
let j = 1
$('.main-i').hover(function () {
$(document).ready(function () {
let a = $('.main-i').offset()
for (i = 1; i <= 9; i++) {
$('.pc-spans').append('<span data-class="span-i" data-id=' +
i + ' class="i-am-os">text</span>')
$('.i-am-os[data-id="' + i + '"]').offset({ top: a.top + i * 13, left: a.left + i ** 2 })
}
$('.pc-spans').append('<span data-class="span-i" data-id=' +
10 + ' class="i-am-os">text</span>')
$('.i-am-os[data-id="' + 10 + '"]').offset({ top: a.top + 10 * 13, left: a.left + 50 + 10 ** 2 })
for (i = 11; i <= 22; i++) {
$('.pc-spans').append('<span data-class="span-i" data-id=' +
i + ' class="i-am-os">text</span>')
$('.i-am-os[data-id="' + i + '"]').offset({ top: a.top - (i - 20) * 13, left: a.left - (i - 22) ** 2 + 360 })
}
})
}, function () {
id = setInterval(function () {
$('.i-am-os[data-id="' + j + '"]').animate({
opacity: '0',
olor: '#00000000'
}, 100, function () {
$(this).remove()
console.log(j)
})
if (j > 22) {
clearInterval(id);
} else {
j++
}
}, 100);
})
</script>