When the time reaches 0, the button becomes disabled

Question

When the time reaches 0, the button becomes disabled

Navigation

#1 by (1 votes)

0

Good is the following I have two files.

First File (index.php):

<!DOCTYPE html>
<html>
<head>
 <title>Teste</title>
 <script src="http://code.jquery.com/jquery-2.2.0.min.js"></script><script>functionnumero(a){varnun=[];nun[0]=-150;nun[1]=-750;nun[2]=-900;nun[3]=-1050;nun[4]=-1200;nun[5]=-1425;nun[6]=-450;nun[7]=-600;nun[8]=-675;nun[9]=-525;nun[10]=-375;nun[11]=-225;nun[12]=-1125;nun[13]=-975;nun[14]=-825;returnnun[a];}functionfun(){$.ajax({url:'aposta.php',success:function(a){if(a){a=JSON.parse(a);$("#tempo").html(a.time);
		$("#box").animate({
		  'background-position-x': numero(a.numero)
	  },500);
	  } else {
			$("#tempo").html("0");
	  }
	  }
	 }); 
 }
  setInterval(function(){
	 fun();
  }, 1000);
 </script>
 <style>
 body{
	 padding: 0;
	 border: 0;
	 margin: 0;
 }
 #box{
	max-width: 1125px;
    height: 75px;
	width: 815px;
	background-image: url("http://csgoroulette.blue/templates/1/assets/images/numbers.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
	position: relative;
    margin: 0px auto;
 }
 #ponteiro {
    background-color: #FFFF00;
    margin-left:50%;
    width: 5px;
    height: 75px;
}
#tempo{
	font-size: 28px;
}
 </style>
</head>
<body onload="fun();">
<div id="tempo"></div>
<div id="box"><div id="ponteiro"></div></div><br><br>
<button type="button" >Click Me!</button>
</body>
</html>

Second file (aposta.php):

<?php
date_default_timezone_set('Brazil/East');
@set_magic_quotes_runtime(false);
ini_set('magic_quotes_runtime', 0);
$servername = "localhost";
$username = "root";
$password = "vertrigo";
$dbname = "csgodouble";

$conn = new mysqli($servername, $username, $password, $dbname);
if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
} 

$sql_aposta = "SELECT id, numero_sorteado, hash, data_f,status FROM apostas where status = '0' ORDER BY status DESC LIMIT 1";
$result_aposta = $conn->query($sql_aposta);
if($result_aposta->num_rows > 0){

 while($row = $result_aposta->fetch_assoc()) {
    $agora = date("Y-m-d H:i:s");
    $soma = strtotime($agora) - strtotime($row['data_f']);
    if($row['data_f'] == 0){
        $sql_aposta = "UPDATE apostas SET data_f='".date("Y-m-d H:i:s", strtotime('+59 second'))."' WHERE id=".$row['id'];
        $conn->query($sql_aposta);
        exit;
    }else if($soma > 0){
        $sql_aposta = "UPDATE apostas SET status='1' WHERE id=".$row['id'];
        $conn->query($sql_aposta);
        exit;
    }   
    $json_str = array(
    'numero' => $row['numero_sorteado'],
    'hash' => $row['hash'],
    'data_f' => $row['data_f'],
    'time' => abs($soma)
    );

    echo json_encode($json_str);    
 }
}


?>

What I wanted to do was, when the value of $ sum arrived at 0, the button in index.php would be disabled for 6 seconds, and after that 6 seconds it would be able to return and the cycle would repeat itself etc. .

How can I do this?

Thank you.

php javascript html

asked by anonymous 04.03.2016 / 23:55

1 answer

How to fill in form data of the Wordpress theme using jQuery Migrating from NotificationManager to NotificationCompat in API 23

score 1 · Accepted Answer

In your index.php leaves the fun() function as follows:

function fun() {
    $.ajax({
        url: 'aposta.php',
        success: function(a){
            if(a) {
                a = JSON.parse(a);
                $("#tempo").html(a.time);

                if (a.time === 0) {
                    $('button').attr('disabled', 'disabled');
                    setTimeout(function() {
                        $('button').removeAttr('disabled');
                    }, 6000);
                }

                $("#box").animate({
                    'background-position-x': numero(a.numero)
                }, 500);
            }
            else {
                $("#tempo").html("0");
            }
        }
    });
};

Relevant part:

if (a.time === 0) {
    $('button').attr('disabled', 'disabled');
    setTimeout(function() {
        $('button').removeAttr('disabled');
    }, 6000);
}

if() {} will identify that a.time is equal to 0 , which by what I identified from your code in bet.php is the value of $soma you are interested in.

If a.time is 0 then the index.php button will be disabled. After that, a timeout is created, which will re-enable the button for 6 seconds.