分享一个js倒计时代码

 代码如下 复制代码

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

 代码如下 复制代码

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

时间: 2024-10-25 18:17:52

分享一个js倒计时代码的相关文章

JS倒计时代码汇总_javascript技巧

本文实例总结了常见的JS倒计时代码.分享给大家供大家参考.具体汇总如下: 第一种:精确到秒的javascript倒计时代码  HTML代码:  复制代码 代码如下: <form name="form1">  <div align="center" align="center">  <center>离2010年还有:<br>  <input type="textarea" n

js倒计时代码

js倒计时一 html代码:   <script language="javascript" type="text/javascript">   function djs(){   var urodz= new date("11/12/2008");    var now = new date();   var num   var ile = urodz.gettime() - now.gettime();    var dni =

js 倒计时代码总结分享

通过使用 JavaScript,我们有能力作到在一个设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行.我们称之为计时事件. 在 JavaScritp 中使用计时事件是很容易的,两个关键方法是: setTimeout() 未来的某时执行代码 clearTimeout() 取消 setTimeout() 实例  代码如下 复制代码 function countdown(v,oid){  if(v==true){//先用ajax取得倒计时的基数(只有第一次运行这个函数的时候才会做)   $.

js 倒计时 代码

 <body> <div id='res'><span id='d'></span><span id="h"></span><span id="m"></span><span id="s"></span></div> </body> <script src="./jquery-1.4.2.

js倒计时代码_时间日期

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

js完整倒计时代码分享_javascript技巧

本文实例为大家分享了js倒计时代码,供大家参考,具体内容如下 <html> <head> <title>倒计时测试</title> <script src="http://event.wushuangol.com/ShopClothes/Scripts/jquery-1.4.4.min.js" type="text/javascript"></script> <script languag

js带闹铃功能的倒计时代码_javascript技巧

Js倒计时代码,带闹铃功能,自定义闹钟倒计时功能,点击开始按钮,即可开始倒数,代码不是太复杂,新手应该能看懂,代码分享给大家. 效果图: 源码: <html> <head> <title>Js倒计时,闹铃功能</title> <script language="javascript"> function $(id){ return document.getElementById(id); } function down(){

简单的Javascript倒计时代码

前几天老大说自己来写倒计时的,可今天还是分到我的手里了. 效果还是不错的吧.还没有上线,不然就提供连接给看官们看看js实现倒计时的效果了.  代码如下 复制代码 <script> window.onload=countdown(); function countdown(time){     var djs = time;     var b=Math.round(new Date().getTime()/1000);     var cc = djs-b;     var d = Math.

js倒计时简单实现代码_javascript技巧

倒计时:  1.设置一个有效的结束日期  2.计算剩余时间  3.将时间转换成可用的格式  4.输出时钟数据作为一个可重用的对象  5.在页面上显示时钟,并在它到达0时停止 html <div id="clock"> <span id="days"></span>天 <span id="hours"></span>时 <span id="minutes">