Instale o script como no vídeo.
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<div class="visitantes" style=" display: flex; align-items: center; gap: 7px; ">
<svg class="blinking-icon" fill="#000000" height="200px" width="200px" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 512 512" style=" width: 20px; height: 19px; " > <g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <g> <path d="m499.4,250.8c-51-86.3-143.6-140.4-243.4-140.4s-192.5,54.1-243.4,140.4c-2.1,3.1-2.1,7.3 5.32907e-15,10.4 51,86.3 143.6,140.4 243.4,140.4s192.5-54.1 243.4-140.4c2.1-3.1 2.1-7.3 0-10.4zm-243.4,130c-90.5,0-174.8-47.8-221.6-124.8 46.8-77 131.1-124.8 221.6-124.8s174.8,47.8 221.6,124.8c-46.8,77-131.1,124.8-221.6,124.8z"></path> <path d="m256,162.4c-52,0-93.6,41.6-93.6,93.6 0,52 41.6,93.6 93.6,93.6s93.6-41.6 93.6-93.6c0-52-41.6-93.6-93.6-93.6zm0,166.4c-40.6,0-72.8-32.3-72.8-72.8s32.3-72.8 72.8-72.8 72.8,32.3 72.8,72.8-32.2,72.8-72.8,72.8z"></path> <path d="m256,214.4v20.8c11.4,0 20.8,9.4 20.8,20.8s-9.4,20.8-20.8,20.8-20.8-9.4-20.8-20.8h-20.8c0,22.9 18.7,41.6 41.6,41.6 22.9,0 41.6-18.7 41.6-41.6s-18.7-41.6-41.6-41.6z"></path> </g> </g> </g> </svg>
<div class="olho"></div>
<b class="viewer_count"></b> pessoas vendo esse produto
</div>
<style>@keyframes blink {0% {opacity: 1;} 50% {opacity: 0;} 100% {opacity: 1;}}.blinking-icon{animation: blink 1.5s infinite;}.olho { background: #ed5050; border-radius: 50%; margin: 0 10px; height: 10px; width: 10px; display: block!important; box-shadow: 0 0 0 0 rgba(0, 0, 0, 1); transform: scale(1); animation: pulse 1s infinite; } @keyframes pulse { 0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7); } 70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(0, 0, 0, 0); } 100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } }</style>
<script>
function updateViewerCount(){var t=parseInt($(".viewer_count").text()),e=Math.floor(13*Math.random())+-6,a=t+e;60<a?a=t+(e=-Math.abs(e)):a<20&&(a=t+(e=Math.abs(e))),$(".viewer_count").text(a)}$(document).ready(function(){var t=Math.floor(41*Math.random())+20;$(".viewer_count").text(t),setInterval(updateViewerCount,2e3)});
</script>
