snovapavel,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
li{
display: none;
}
li.showing {
display: block;
}
</style>
<script>
window.addEventListener('DOMContentLoaded', function nextSlide() {
[].forEach.call( document.querySelectorAll('.container'), function(el) {
var li = el.querySelector('.showing');
li && li.classList.toggle('showing');
li = li && li.nextElementSibling||el.querySelector('li');
li.classList.toggle('showing');
});
window.setTimeout(nextSlide, 2000)
});
</script>
</head>
<body>
<ul class="container">
<li class="cell">Содержимое 1</li>
<li class="cell">Содержимое 2</li>
<li class="cell">Содержимое 3</li>
</ul>
<br>
<br>
<ul class="container">
<li class="cell">Содержимое 1</li>
<li class="cell">Содержимое 2</li>
<li class="cell">Содержимое 3</li>
</ul>
</body>
</html>