John Davidson

$("td.my_class").each(function(index,value) { 

    // findning all cells containing views value

  

if( value > 30 ) { 



  var countDownDate = Date.parse( new Date().addHours(2) ) ;



  // Update the count down every 1 second

  var x = setInterval(function() {



  // Get today's date and time

  var now = new Date().getTime();



  // Find the distance between now and the count down date

  var distance = countDownDate - now;



  // Time calculations for days, hours, minutes and seconds

  var days = Math.floor(distance / (1000 * 60 * 60 * 24));

  var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));

  var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));

  var seconds = Math.floor((distance % (1000 * 60)) / 1000);



  // empty div just to see if its working..

 $(something).html( hours + "h " + minutes + "m " + seconds + "s " );



  // If the count down is over, write some text

  if (distance < 0) {

    clearInterval(x);

        // do something

  }

}, 1000);



}

}); 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<table style="width:100%">

    <tr>

        <th>Youtube link</th>

        <th>Youtube link views</th>

     </tr>

     <tr>

        <td>https://www.youtube.com/watch?122</td>

        <td>30</td>

     </tr>

</table>

---

My Answer:
Here is an example of how you can achieve this using JavaScript and PHP:

1. In your PHP controller, you can check the number of views for each YouTube link and pass this information to your view:

php
// Get the number of views for each YouTube link
$youtubeLinks = [
['url' => 'https://www.youtube.com/watch?v=abc123', 'views' => 25],
['url' => 'https://www.youtube.com/watch?v=def456', 'views' => 35],
// Add more YouTube links here
];

// Pass the data to the view
return view('your_view', ['youtubeLinks' => $youtubeLinks]);


2. In your JavaScript code, you can set up a timer event to check the number of views for each YouTube link and trigger an action when the condition is met:

javascript
// Check the number of views for each YouTube link every 5 seconds
setInterval(function() {
// Loop through each YouTube link
document.querySelectorAll('.youtube-link').forEach(function(link) {
var views = parseInt(link.dataset.views);
if (views > 30) {
// Trigger an action when the condition is met
console.log('YouTube link ' + link.href + ' has more than 30 views');
}
});
}, 5000); // 5 seconds


3. In your HTML view, you can display the YouTube links and their number of views:

html





@foreach ($youtubeLinks as $link)




@endforeach

YouTube Link	Views
{{ $link['url'] }}	{{ $link['views'] }}

This code will continuously check the number of views for each YouTube link and trigger an action when the condition is met. You can customize the action to suit your needs, such as displaying a message or updating the UI.