Establishing a time frame using AJAX through a separate PHP script

Question

Establishing a time frame using AJAX through a separate PHP script

In order to display either a video or an image based on a specific time range, I want to utilize the client's local time by taking it from the website. Here is what I have done so far:

1st file (time.php):

<?php $b = time (); print date("H:i", $b); ?>

2nd file:

<script type="text/javascript">
setInterval(function() {
    $.ajax({
        url : "/time.php",
        type: 'GET',
        success: function(data){
            if($b >= 09:00 && $b < 10:00){ 
                document.getElementById("liveTV_api").style.display="block";
                document.getElementById("adtv").style.display="none";
            } else{
                document.getElementById("adtv").style.display="block";
                document.getElementById("liveTV_api").style.display="none";
            }
        }
    });
}, 1000);
</script>

I am encountering an issue and receiving an error in the browser console related to the time:

[ERROR] time 10:09:11.238 :: org.flowplayer.rtmp::SubscribingRTMPConnectionProvider : received onFCSubscribe

Any suggestions on how to resolve this?

php ajax

Answer 1

Answer №1

To implement this functionality, consider using JSON in the following manner: The first file named time.php:

<?php 
$b = time(); 
echo json_encode(array('date'=>date("Y-m-d H:i:s", $b)); 
?>

The second file can be structured as follows:

<script type="text/javascript>
setInterval(function() {
    $.ajax({
        url : "/time.php",
        type: 'GET',        
        success: function(data){
            var cur_date=Date.parse("01-01-2014 "+data.date+":00"); // parse time
            var date1=Date.parse("01-01-2014 09:00:00");  
            var date2=Date.parse("01-01-2014 10:00:00");
            
            if(cur_date >= date1 && cur_date < data2){ 
                document.getElementById("liveTV_api").style.display="block"; 
                document.getElementById("adtv").style.display="none"; 
            } else { 
                document.getElementById("adtv").style.display="block"; 
                document.getElementById("liveTV_api").style.display="none";
            }
        }
    });
}, 1000);
</script>

Answer 2

To implement this functionality, consider using JSON in the following manner: The first file named time.php:

<?php 
$b = time(); 
echo json_encode(array('date'=>date("Y-m-d H:i:s", $b)); 
?>

The second file can be structured as follows:

<script type="text/javascript>
setInterval(function() {
    $.ajax({
        url : "/time.php",
        type: 'GET',        
        success: function(data){
            var cur_date=Date.parse("01-01-2014 "+data.date+":00"); // parse time
            var date1=Date.parse("01-01-2014 09:00:00");  
            var date2=Date.parse("01-01-2014 10:00:00");
            
            if(cur_date >= date1 && cur_date < data2){ 
                document.getElementById("liveTV_api").style.display="block"; 
                document.getElementById("adtv").style.display="none"; 
            } else { 
                document.getElementById("adtv").style.display="block"; 
                document.getElementById("liveTV_api").style.display="none";
            }
        }
    });
}, 1000);
</script>

Establishing a time frame using AJAX through a separate PHP script

Answer №1

Similar questions

Error code 1452: Laravel seed data integrity violation detected

What do we need to ensure that the ajax server response is executed as intended in the jQuery ajax post function?

Facing challenges in PHP with setting headers and sending emails via cPanel

Storing encrypted passwords securely in CakePHP

Creating a 16-bit string from an array in Python

Load additional content seamlessly using Ajax in Django without needing to reload the entire navigation bar

"Converting SQLite to MySQL with PHP: A Step-by-Step Guide

Contrast between gmaps and traditional cross-domain AJAX queries

C# ASP.NET Dynamic Gridview Expansion

Javascript function to deselect all items

Optimizing WordPress Titles with PHP Wordwrap

Refreshing the site to submit the form

Utilizing ajax to render partial templates with JSON responses

The 'dataColumn' column is not assigned to the table: Employing Ado.Net Datatable with jQuery's $.ajax()

Caution: Utilizing File_Get_Contents function in WordPress with PHP 8.1

Missing session settings across all pages in PHP5

Is this conditional statement accurate?

When selecting filter options, the posts/images now overlap before transitioning into a masonry view upon resizing the window

Having trouble removing a document from SOLR using PHP

Combining two columns to generate a query for account creation flow