php js倒计时代码(倒计时代码

刷新网页继续会倒计
<?php
//php的时间是以秒算。js的时间以毫秒算
date_default_timezone_set('PRC');
//date_default_timezone_set("Asia/Hong_Kong");//地区
$timestr = "2017-3-21 18:50:00";//倒计时时间
$time = strtotime($timestr);//时间戳
$nowtime = time();//当前时间戳
if ($time>=$nowtime){
$overtime = $time-$nowtime; //实际剩下的时间（单位/秒）
}else{
$overtime=0;
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script language="JavaScript">
var runtimes = 0;
function GetRTime(){
var nMS = <?php echo $overtime; ?>*1000-runtimes*1000;
if (nMS>=0){
var nD=Math.floor(nMS/(1000*60*60*24))%24;
var nH=Math.floor(nMS/(1000*60*60))%24;
var nM=Math.floor(nMS/(1000*60)) % 60;
var nS=Math.floor(nMS/1000) % 60;
document.getElementById("RemainD").innerHTML=nD;
document.getElementById("RemainH").innerHTML=nH;
document.getElementById("RemainM").innerHTML=nM;
document.getElementById("RemainS").innerHTML=nS;
runtimes++;
if(nD==0){
//天数0 隐藏天数
document.getElementById("hideD").style.display="none";
if(nH==0){
//数0 隐藏天数
document.getElementById("hideH").style.display="none";
if(nM==0){
document.getElementById("hideM").style.display="none";
if(nS==0){
alert("倒计时完毕");
}
}
}
}
setTimeout("GetRTime()",1000);
}
}
window.onload = function() {
GetRTime();
}
</script>
<h4>开售还有 <span id="hideD"><strong id="RemainD"></strong>天</span> <span id="hideH"><strong id="RemainH"></strong>小时</span><span id="hideM"> <strong id="RemainM"></strong>分钟</span> <span id="hideS"><strong id="RemainS"></strong>秒</span></h4>
</body>
</html>

完整例子：在某个时间上增加X分钟，倒计时，到时间后自动提交表单

这些元素到这里找：http://www.layui.com/

<?php
//php的时间是以秒算。js的时间以毫秒算
date_default_timezone_set('PRC');
//date_default_timezone_set("Asia/Hong_Kong");//地区
$start_time="2017-3-22 17:00:00";//开始考试时间
echo $start_time."<br>";
$mm=120*60;//分钟换成钞钟考试时间
$min=date("Y-m-d H:i:s",strtotime($start_time)+$mm);//$start_time 用户开始考试时的时间
//$min=date($start_time,strtotime("+$mm minute"));//$start_time 用户开始考试时的时间
echo $min."<br>";
$timestr=$min;//倒计时时间
//$timestr = "2017-3-22 12:50:00";
$time = strtotime($timestr);//时间戳
$nowtime = time();//当前时间戳
if ($time>=$nowtime){
$overtime = $time-$nowtime; //实际剩下的时间（单位/秒）
$start_ok=0;//考试时间未结束时设定$start_ok=0
}else{
$overtime=0;
$start_ok=1;//考试时间结束设定$start_ok=1
}
//echo date('Y-m-d H:i:s',strtotime("+120 minute"));
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.8.3/jquery.js"></script>
<link href="../templates/metx5/layui/css/layui.css" rel="stylesheet">
<script src="../templates/metx5/layui/lay/dest/layui.all.js"></script>
<style>
.layui-layer-demo .layui-layer-title {
border: none;
background-color: #E60012;
color: #fff;
}
.layui-layer-title {
padding: 0 80px 0 20px;
height: 42px;
line-height: 42px;
border-bottom: 1px solid #eee;
font-size: 14px;
color: #333;
overflow: hidden;
background-color: #F8F8F8;
border-radius: 2px 2px 0 0;
}
.layui-layer-page .layui-layer-content {
position: relative;
overflow: auto;
}
.layui-layer-content {
position: relative;
}
</style>
</head>
<body>
<form name="form1" action="index.php"> </form>
<script language="JavaScript">
var runtimes = 0;
function GetRTime(){
var nMS = <?php echo $overtime; ?>*1000-runtimes*1000;
if (nMS>=0){
var nD=Math.floor(nMS/(1000*60*60*24))%24;
var nH=Math.floor(nMS/(1000*60*60))%24;
var nM=Math.floor(nMS/(1000*60)) % 60;
var nS=Math.floor(nMS/1000) % 60;
document.getElementById("RemainD").innerHTML=nD;
document.getElementById("RemainH").innerHTML=nH;
document.getElementById("RemainM").innerHTML=nM;
document.getElementById("RemainS").innerHTML=nS;
runtimes++;
if(nD==0){
//天数0 隐藏天数
document.getElementById("hideD").style.display="none";
if(nH==0){
//数0 隐藏天数
document.getElementById("hideH").style.display="none";
if(nM==0){
document.getElementById("hideM").style.display="none";
if(nS==0){
layer.open({
type: 1,
skin: 'layui-layer-demo', //样式类名
shade: [0.5, '#000'],//遮罩即弹层外区域
closeBtn: 0, //不显示关闭按钮
anim: 2,
time: 900000,//即代表3秒后自动关闭，注意单位是毫秒（1秒=1000毫秒）默认0不会自动关闭
shadeClose: false, //开启遮罩关闭
content: '<div id="" class="layui-layer-content"><div style="padding:20px;">考试时间已经结束！<br>你怎么样给她整容都行<br><br><br>我是华丽的酱油==。</div></div>'
});
//$start_ok=2;//
setInterval("document.all.form1.submit()",5000)//5秒后自动提交表单form1
// layer.msg('考试时间已经结束！', {
// shade: [0.5, '#000'],//遮罩即弹层外区域
// time: 2000, //20s后自动关闭
// btn: ['立即提交', '知道了']
// ,yes: function(index, layero){
// //按钮【按钮一】的回调
// self.location='index.php?#top';//立即投资按钮
// }
// ,btn2: function(index, layero){
// //按钮【按钮二】的回调
// //self.location='index1.php?#top';//立即投资按钮
// //return false 开启该代码可禁止点击该按钮关闭
// }
// });
//setTimeout('window.location="http://panliu888.myetang.com"',9000)
}
}
}
}
setTimeout("GetRTime()",1000);
}
}
window.onload = function() {
GetRTime();
}
</script>
<h4>开售还有 <span id="hideD"><strong id="RemainD"></strong>天</span> <span id="hideH"><strong id="RemainH"></strong>小时</span><span id="hideM"> <strong id="RemainM"></strong>分钟</span> <span id="hideS"><strong id="RemainS"></strong>秒</span></h4><?php echo $start_ok?>
</body>
</html>

php js倒计时代码(倒计时代码相关推荐

html 倒计时关闭对话框,jquery倒计时广告特效代码可关闭的js倒计时
很多网站播放视频时最开始的倒计时广告,广告时间结束才能看到视频内容,一个JS小贴片广告代码,右上角带关闭按钮,左上角显示倒计时剩余时间,运行jquery代码综合实现,CSS和HTML共同结合的网页特效 ...
html抢购倒计时,基于JS实现限时抢购倒计时间表代码
废话不多说了,直接给大家贴代码了,具体代码如下所示: 限时抢购倒计时间表 *{margin:0;padding:0;} #content{width:300px;margin:0 auto;paddi ...
JavaScript 逼真图片倒计时实现代码 js时间图片倒计时
JavaScript 逼真图片倒计时实现代码 js时间图片倒计时效果图: <!doctype html> <html> <head> <meta cha ...
js基础之倒计时代码
js基础之倒计时代码主要代码主要代码 <!DOCTYPE html> <html lang="en"><head><meta char ...
JS彩色方块倒计时插件代码
下载地址 JS彩色方块倒计时插件,一款适于用各种时间类的倒计时,或者计时功能. dd:
html5支付宝主页面代码,JavaScript高仿支付宝倒计时页面及代码实现
实现目标一,页面在图一时开始进行倒计时(可以点击取消订单按钮,支付页面消失). 二,倒计时完毕,出现删除订单. 三,单击删除订单,弹出弹框,询问是否要真正删除订单. 四,单击确定,即可删除订单. 如 ...
html5倒计时效果,html5+css3进度条倒计时动画特效代码【推荐】
html5+css3进度条倒计时动画特效这个作品在今天上网找网络资源的时候无意中发现的,看到效果非常棒并且很实用,就第一时间把它整理出来与大家分享了,主要用到了html5.javascript和css ...
html进度条倒计时代码,html5+css3进度条倒计时动画特效代码【推荐】_html5教程技巧...
html5+css3进度条倒计时动画特效这个作品在今天上网找网络资源的时候无意中发现的,看到效果非常棒并且很实用,就第一时间把它整理出来与大家分享了,主要用到了html5.javascript和css ...
漂亮实用的jQuery倒计时插件特效代码
原文:漂亮实用的jQuery倒计时插件特效代码源代码下载地址:http://www.zuidaima.com/share/1799598875675648.htm
淘宝店铺倒计时代码促销倒计时代码装修代码店铺双十一双11倒计时代码生成器工具
淘宝天猫店铺双十一倒计时代码节日双十11详情页倒计时店招倒计时工具是:一秒美工助手工具

php js倒计时代码(倒计时代码

php js倒计时代码(倒计时代码相关推荐

最新文章

热门文章