一聚教程网：一个值得你收藏的教程网站

ps教程| flash教程| 路由器设置| Jsp教程| 加入收藏

PHP教程 Css教程 操作系统 数据库 安卓下载 AI头条

首页 游戏下载 软件下载 专题 资讯教程 php教程 asp.net教程 css教程 网页制作 网页特效 手机开发 办公数码
+ -
当前位置：一聚教程网 > 网页制作 > js教程

推荐专题

最新下载

热门教程

分享一个js倒计时代码

时间：2022-11-14 22:02:53 编辑：袖梨 来源：一聚教程网

代码如下 复制代码

function countdown(v,oid){
if(v==true){//先用ajax取得倒计时的基数（只有第一次运行这个函数的时候才会做）
$.get('json/get_countdown.php',function(data){
dtime = data;//得到秒
id = 'countdown';
t=setTimeout('countdown(false,'+oid+')',1000);
});
}else if(v==false){
clearTimeout(t);//这句很重要，不加这句的话在多次刷新页面的时候，倒计时会走的更快
h=checkTime(parseInt(dtime/3600));//计算小时
m=checkTime(parseInt(dtime/60%60));//计算分钟
s=checkTime(parseInt(dtime%60));//计算秒
$('#'+id).html(h+":"+m+":"+s);//将倒计时显示在一个html标签里面
dtime=dtime-1;
setTimeout('countdown(false,'+oid+')',1000);
}

json/get_countdown.php

代码如下 复制代码

header("Content-Type: application/x-dom-event-stream");
while($time < 27) {
$time = rand(10,30);
echo "$timen";
echo "n";
flush();
sleep(3);
}
?>

运行：countdown(true,id);

相关文章

热门栏目

一聚教程网| 关于我们| 联系我们| 广告合作| 友情链接| 版权声明

copyRight@2007-2022 www.111CN.NET AII Right Reserved

网站内容来自网络整理或网友投稿如有侵权行为请邮件:[email protected] 我们24小时内处理