Skip to main content

How to create quiz timer (Left time) in PHP?

Create quiz timer in PHP. 

<!DOCTYPE html>

<html lang="en">

<body>

<center>

<div class="time" id="navbar">Time left :<span id="timer"></span></div>

<button class="button" id="mybut" onclick="myFunction()">START QUIZ</button>

</center>

<div id="myDIV" style="padding: 10px 30px;">

<form action="result.php" method="post" id="form"> 


</form>

</div>

<script>

function myFunction() {

var x = document.getElementById("myDIV");

    var b = document.getElementById("mybut");

    var x = document.getElementById("myDIV");

if (x.style.display === "none") { 

b.style.visibility = 'hidden';

x.style.display = "block";

startTimer();

}

}

window.onload = function() {

  document.getElementById('myDIV').style.display = 'none';

};

</script>

<?php

$settime = 0 . ':' . 01 . ':' . 06;

?>

 <script type="text/javascript">

document.getElementById('timer').innerHTML = '<?php echo $settime; ?>';

  //06 + ":" + 00 ;

function startTimer() {

  var presentTime = document.getElementById('timer').innerHTML;

  var timeArray = presentTime.split(/[:]+/);

  var h = timeArray[0];

  var m = timeArray[1];

  var s = checkSecond((timeArray[2] - 1));

  if(s==59){

  m=m-1

   if(m==0 && h>0){

h=h-1

m=59

  } 

  }

    document.getElementById('timer').innerHTML =

    h + ":" + m + ":" + s;

  if(h==0 && m==0 && s==0){

  //document.getElementById("form").submit();

  console.log('Time is Done.');

  if(s==0){

return true;

  }

  }

 setTimeout(startTimer, 1000);

}

function checkSecond(sec) {

  if (sec < 10 && sec >= 0) {sec = "0" + sec}; // add zero in front of numbers < 10

  if (sec < 0) {sec = "59"};

  return sec;

 // if(sec == 0 && m == 0){ alert('stop it')};

}

function checkmintue(min) {

  if (min < 10 && min >= 0) {min = "0" + min}; // add zero in front of numbers < 10

  if (min < 0) {min = "59"};

  return min;

 // if(min == 0 && h == 0){ alert('stop it')};

}

</script>

</body>

</html>

Comments

Popular posts from this blog

How to use inner html value or data in php from javascript(innerHTML)?

 use inner html value or data in php from javascript(innerHTML)? <html> <body> <p id="demo">use inner html value in php(innerhtml)</p> <script>   var jassi = document.getElementById("demo").innerHTML;   //document.write(jassi); </script> <?php $jassi = '<script>document.write(jassi);</script>'; echo $jassi; ?> </body> </html>

How to get store data from WCFM(Best Multi Vendor Marketplace) Plugin?

 Get store data from WCFM(Best Multi Vendor Marketplace) Plugin. global $WCFM, $WCFMmp, $wp, $WCFM_Query, $post; $store_id = ''; if ( isset( $attr['id'] ) && !empty( $attr['id'] ) ) { $store_id = absint($attr['id']); } if (  wcfm_is_store_page() ) { $wcfm_store_url = get_option( 'wcfm_store_url', 'store' ); $store_name = apply_filters( 'wcfmmp_store_query_var', get_query_var( $wcfm_store_url ) ); $store_id  = 0; if ( !empty( $store_name ) ) { $store_user = get_user_by( 'slug', $store_name ); } $store_id    = $store_user->ID; } $user_id = $store_id;  $vendor_data = get_user_meta( $user_id, 'wcfmmp_profile_settings', true ); $street_1 = $vendor_data['address']['street_1']; $street_2 = $vendor_data['address']['street_2']; $city     = $vendor_data['address']['city']; $zip      = $vendor_data['address']['zip&#

How to create login with phone number in woocommerce wordpress?

Create login with phone number in woocommerce wordpress. function wooc_extra_register_fields() {?>        <p class="form-row form-row-wide">        <label for="reg_billing_phone"><?php _e( 'Phone', 'woocommerce' ); ?><span class="required">*</span></label>        <input type="text" class="input-text" name="billing_phone" id="reg_billing_phone" value="<?php esc_attr_e( $_POST['billing_phone'] ); ?>" />        </p>            <?php  }  add_action( 'woocommerce_register_form_start', 'wooc_extra_register_fields' );  function wooc_validate_extra_register_fields( $username, $email, $validation_errors ) { if ( isset( $_POST['billing_phone'] ) ) {    $hasPhoneNumber= get_users('meta_value='.$_POST['billing_phone']);    if ( !empty($hasPhoneNumber)) {      $validation_er