Indramayu IT Comunity
Path:
/
home
/
guruvidyaacademy
/
public_html
/
guruvidya.co.in
/
[
Home
]
File: timer.php
<p > <img src="https://www.guruvidya.co.in/Special_Offers2.jpg" style="float: left; width: 157px; margin-left: 185px;" class="oimg"> <img src="https://www.guruvidya.co.in/Special_Offers2.jpg" style="float: right; width: 157px; margin-right: 185px;" class="oimg"> <?php date_default_timezone_set("Asia/Calcutta"); //India time (GMT+5:30) //echo date('d-m-Y'); $cc3="SELECT * FROM `top_subject` limit 1"; $cc4=mysqli_query($con,$cc3); $cc5=mysqli_fetch_assoc($cc4); $va=$cc5['valid']; $b=date("Y-m-d",strtotime($cc5['e_date'])); $s=date("Y-m-d",strtotime($cc5['t_date'])); if($b>=$s) { $star=$cc5['e_date']; } else { /*$dt=date('Y-m-d'); $star1=date("Y-m-d", strtotime( "$dt +$va day" ) ); $star=date( "M d, Y", strtotime( "$dt +$va day" ) ); $update=mysqli_query($con,"update top_subject set t_date='".$dt."',e_date='".$star1."'"); */ $v="exp"; } ?> <style> #countdown{ width: 375px; height: 100px; text-align: center; background: #222; background-image: -webkit-linear-gradient(top, #222, #333, #333, #222); background-image: -moz-linear-gradient(top, #222, #333, #333, #222); background-image: -ms-linear-gradient(top, #222, #333, #333, #222); background-image: -o-linear-gradient(top, #222, #333, #333, #222); border: 1px solid #111; border-radius: 5px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6); margin: auto; padding: 10px 0; position: relative; top: 0; bottom: 0; left: 0; right: 0; } #countdown #tiles{ position: relative; z-index: 1; padding-top:7px } #countdown #tiles > span{ width: 60px; max-width: 60px; font: bold 15px 'Droid Sans', Arial, sans-serif; text-align: center; color: #111; background-color: #ddd; background-image: -webkit-linear-gradient(top, #bbb, #eee); background-image: -moz-linear-gradient(top, #bbb, #eee); background-image: -ms-linear-gradient(top, #bbb, #eee); background-image: -o-linear-gradient(top, #bbb, #eee); border-top: 1px solid #fff; border-radius: 3px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7); margin: 0 7px; padding: 5px 0; display: inline-block; position: relative; } #countdown .labels{ width: 100%; height: 15px; text-align: center; position: absolute; bottom: 8px; } #countdown .labels li{ width: 70px; font: bold 11px 'Droid Sans', Arial, sans-serif; color: #fff; text-shadow: 1px 1px 0px #000; text-align: center; text-transform: uppercase; display: inline-block; } </style> <div id="countdown"> <?php if($v=='exp') { echo '<span style="color:yellow; font-size:25px;margin-top: 25px; float: left;margin-left: 12%;">Discount Has been Expired ! </span>'; } else { ?> <span style=" font-size: 14px; font-weight: bold; color: yellow; line-height: 9px; border-bottom: 2px solid yellow; padding: 4px; "> <span style="color:yellow; font-size:14px;text-align: center;">Discount Valid Till : <span style="color:yellow;"><?php echo date('d F , Y',strtotime($cc5['e_date'])) ;?> </span> </span> </span> <div id='tiles'></div> <div class="labels"> <li>Days</li> <li>Hours</li> <li>Mins</li> <li>Secs</li> </div> <?php }?> </div> <script> var target_date = new Date("<?php echo $star;?> 24:00:00").getTime(); var days, hours, minutes, seconds; // variables for time units var countdown = document.getElementById("tiles"); // get tag element getCountdown(); setInterval(function () { getCountdown(); }, 1000); function getCountdown(){ // find the amount of "seconds" between now and target var current_date = new Date().getTime(); var seconds_left = (target_date - current_date) / 1000; days = pad( parseInt(seconds_left / 86400) ); seconds_left = seconds_left % 86400; hours = pad( parseInt(seconds_left / 3600) ); seconds_left = seconds_left % 3600; minutes = pad( parseInt(seconds_left / 60) ); seconds = pad( parseInt( seconds_left % 60 ) ); // format countdown string + set tag value countdown.innerHTML = "<span>" + days + "</span><span>" + hours + "</span><span>" + minutes + "</span><span>" + seconds + "</span>"; } function pad(n) { return (n < 10 ? '0' : '') + n; } </script> </p>