Script
<div style="display: flex; margin-top: -10px;align-items: center;margin-bottom: 15px;">
<div class="olho"></div>
<style> .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>
<p><b><span class="viwer_pro">44</span> pessoas</b> estão vendo esse produto agora</p>
</div>
<script> $( ".viwer_pro" ).text(function(index) { return Math.floor(Math.random() * 50) + 1; }); </script>
Esse tutorial foi util?