Just a heads up: I am currently in the learning process. While I have some experience with PHP, my knowledge of Java is very limited or non-existent. In the past, I've received negative feedback due to this lack of experience. So, here I am giving it another shot.
My goal is to initiate a timer for 24 hours when a button is clicked and display this timer. Once the 24-hour mark is reached, it should update tables in the database. The challenge lies in the fact that this button is nested within an if statement, which complicates matters.
Upon clicking this button, the 24-hour timer should start displaying time in HH:MM:SS format. I've experimented with a few timer scripts, but I'm uncertain about how to integrate them. Here's the timer script that I came across:
<script>
function Timer(duration, display)
{
var timer = duration, hours, minutes, seconds;
setInterval(function () {
hours = parseInt((timer /3600)%24, 10)
minutes = parseInt((timer / 60)%60, 10)
seconds = parseInt(timer % 60, 10);
hours = hours < 10 ? "0" + hours : hours;
minutes = minutes < 10 ? "0" + minutes : minutes;
seconds = seconds < 10 ? "0" + seconds : seconds;
display.text(hours +":"+minutes + ":" + seconds);
--timer;
}, 1000);
}
jQuery(function start($)
{
var twentyFourHours = 24 * 60 * 60;
var display = $('#remainingTime');
Timer(twentyFourHours, display);
});
</script>Here is the corresponding statement:
<?php if($provinces['nation_name'] == "") {
'<center><button onclick="start()">Start Nation</button></center>';
}
?>I believe that my issue lies in getting it to recognize the function within the IF statement. At this point, my focus is solely on making this functionality work before moving on to the post-timer update task.