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

最新推荐文章于 2022-04-02 18:05:55 发布
最新推荐文章于 2022-04-02 18:05:55 发布
阅读量4.3k 收藏 3
点赞数
分类专栏： JS技巧 php
php 同时被 2 个专栏收录
453 篇文章 11 订阅
订阅专栏
JS技巧
244 篇文章 3 订阅
订阅专栏

刷新网页继续会倒计

<?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/

<link href="../templates/metx5/layui/css/layui.css" rel="stylesheet">
<script src="../templates/metx5/layui/lay/dest/layui.all.js"></script>

<?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>






引用：http://www.cnblogs.com/whowhere/archive/2016/11/14/6062002.html

我是高手高手高高手
关注
专栏目录
php mysql倒计时_php实现倒计时效果，_PHP教程
weixin_30653755的博客
02-28 331
php实现倒计时效果，现在很多的团购网站上都有剩余时间的显示。显示剩余时间可以使用Javascript来实现，但是我们会发现使用Javascript来实现的话不安全，因为Javascript获取的是客户端的时间。比方说，这次团购已经结束了，但是懂技术的访客只要修改他客户端电脑的时间就又显示该商品还可以购买。很明显，这不是我们网站设计的初衷。团购结束了就不可以再购买啦。这里写了一个考试系统剩余时间倒...
PHP实现倒计时功能demo
Mr_YXX的博客
11-12 395
<!DOCTYPE html> <html> <head> <title>PHP实现倒计时功能</title> </head> <body> <?php date_default_timezone_set('PRC'); $starttimestr = date('Y-m-d H:i:s', strtotime('now')); $starttimestr= mktime(0,0,0
一个PHP倒计时代码的例子
03-11
利用PHP代码编写的倒计时程序范例。希望对需要的朋友有点用处，谢谢。
php 倒计时程序
weixin_33734785的博客
10-21 87
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>测试页面</title> </head> <script type="text/javascript"> //获取...
PHP时间倒计时
cpongo5
05-06 146
在网站或者商城需要做一次活动，到某个时间结束，这就用到倒计时。 首先，获取当前时区的时间，然后，获取结束日期的时间，两个时间相减就是活动时间。 document.querySelectorAll('.github-emoji') .forEach(el => { if (!el.dataset.src) ...
JS实现十分钟倒计时代码实例
01-19
编写JS倒计时代码需要用到很多JavaScript知识，比如：if函数，Math.floor，定时器setInterval等等，如有不清楚的小伙伴可以参考PHP中文网的相关文章，或者访问 JavaScript视频教程。 举例：10分钟考试倒计时，当时间...
js自定义设置日期时间倒计时代码.zip
07-11
实现效果： ... js自定义设置日期时间倒计时代码,通过使用原生js实现人时间日期的倒计时效果，一般在商城中用的比较多，例如搞某某活动，实现大促销活动，然后一个炫酷的倒计时效果，php中文网推荐下载！
jquery实现手机发送验证码的倒计时代码
10-26
首先，我们需要一个JavaScript函数来处理倒计时逻辑。以下是一个基本的实现示例： ```javascript // 初始化等待时间 var wait = 60; // time 函数接收两个参数，o 为按钮对象，p 为可选的提示信息元素 function ...
PHP实现倒计时功能
12-16
在给定的实例中，代码结合了PHP和JavaScript来创建一个动态的倒计时器，用于显示从当前时间到特定结束时间的剩余时间。下面我们将详细解释这个实现过程。 首先，我们设置默认时区为"PRC"，即中国标准时间，通过`...
js 倒计时 php,php+js倒计时
weixin_34246656的博客
04-04 152
功能描述：数据库add_time+5分钟倒计时，是否等于数据库add_timeindex页会有很多条数据：做法：(以秒计算)一、js拿着name的值循环+60秒，再赋值给name.二、再拿着赋给name的值去做倒计时操作三、倒计时的时候，若其中一条已为0，则arr[i]=-1;(表示很多条数据减去时间为0的)x下面附代码：html:input type="text" name="assignmen...
PHP倒计时实现
08-21
倒计时实现多个，同时进行
php和js一起实现倒计时功能
php 工厂
12-10 1134
php   //提示付款超时   一天后             $ListInfo[$i]['leaveTime'] = date("Y-m-d H:i:s", strtotime($ListInfo[$i]['createtime']) + 86400);                             //倒计时计算              $difftime
用php做一个倒计时程序,帮我用PHP写一段倒计时程序呗
weixin_31088605的博客
03-24 201
帮我用PHP写一段倒计时程序呗mip版关注:59答案:4悬赏:0解决时间 2021-01-24 09:57已解决2021-01-23 14:14要求即时更新的，就是每秒钟更新一次，显示现在的时间到2014年6月8日 17:05:00还有多少天多少小时多少分多少秒，谢谢！最佳答案2021-01-23 15:34document.writeln('距离2014年6月8日 17:05:00还...
[phpunit/php-timer]一个用于代码执行时间的计时器
PHP武器库
04-02 263
有时候我们需要测算一段代码的执行时间，我们自然可以自己存一个变量，计算执行前和执行后的时间戳，但是不免有些粗糙。 有这样一个库，可以很方便地实现这个效果： 基本使用 require __DIR__ . '/vendor/autoload.php'; use SebastianBergmann\Timer\Timer; $timer = new Timer; $timer->start(); foreach (\range(0, 100000) as $i) { // ... }
php 倒计时 方法,php 倒计时 代码 很好用
weixin_36245032的博客
04-15 513
//使用方法 echo countDown("2021-1-1");function countDown($endtime){$endtime=strtotime($endtime) //将$endtime时间转换为时间戳$differ = $endtime - time();switch ($differ){case $differ < 0 :$differ = '已经结束！';break...
PHP页面运行时间计时类
weixin_30670925的博客
11-01 290
收集一下，有时有用 <?php class runtime { var $StartTime = 0; var $StopTime = 0; function get_microtime() { list($usec, $sec) = explode(' ', microtime()); ...
jQuery+PHP动态显示（项目）实时时间和倒计时
weixin_34192732的博客
05-04 525
jQuery动态显示当前时间：    html代码：&lt;div id="current_time"&gt;&lt;/div&gt; setInterval()使用：setInterval(functionName,timeOut); setInterval使用示例：    jQuery代码： &lt;script type="text/javascript"&gt; setInt...
php 倒计时方法（已封装）
struggle_boy的博客
06-12 505
php倒计时方法（已封装） public static function countDown($time){ //传入时间戳 $current_time=time(); $remain = $time-$current_time; $day= intval($remain/86400);;//天 $remains = $remain%86400; $hour = intval($remains/3600);
利用php做倒计时,如何在php项目中实现一个实时倒计时功能
weixin_31600305的博客
03-10 863
如何在php项目中实现一个实时倒计时功能发布时间：2021-02-13 12:33:20来源：亿速云阅读：78作者：Leah如何在php项目中实现一个实时倒计时功能？相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。要求:1) 要有小时分钟秒的实时倒计时的显示2)用户端修改日期时间不会影响到倒计时的正常显示(也就是以服务器时间为准)其实这和...
JavaScript倒计时页面自动跳转实现
"使用JavaScript和JQuery实现网页倒计时并自动跳转到指定页面" 在网页开发中，有时我们需要在用户界面上显示一个倒计时，并在倒计时结束时执行特定的操作，例如跳转到另一个页面。这个需求可以通过JavaScript和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值