倒计时功能

最新推荐文章于 2023-03-23 21:06:49 发布

guo3guo

最新推荐文章于 2023-03-23 21:06:49 发布

阅读量645

点赞数

分类专栏： JavaScript 文章标签：倒计时

JavaScript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>JS实现倒计时(时、分，秒)</title> 
<script language="javascript" type="text/javascript"> 
var interval = 1000; 
function ShowCountDown(year,month,day,divname) 
{ 
var now = new Date(); 
var endDate = new Date(year, month-1, day); 
var leftTime=endDate.getTime()-now.getTime(); 
var leftsecond = parseInt(leftTime/1000); 
//var day1=parseInt(leftsecond/(24*60*60*6)); 
var day1=Math.floor(leftsecond/(60*60*24)); 
var hour=Math.floor((leftsecond-day1*24*60*60)/3600); 
var minute=Math.floor((leftsecond-day1*24*60*60-hour*3600)/60); 
var second=Math.floor(leftsecond-day1*24*60*60-hour*3600-minute*60); 
var cc = document.getElementById(divname); 
cc.innerHTML = "脚本之家提示距离"+year+"年"+month+"月"+day+"日还有："+day1+"天"+hour+"小时"+minute+"分"+second+"秒"; 
} 
window.setInterval(function(){ShowCountDown(2010,4,20,'divdown1');}, interval); 
</script> 
</head> 
<body> 
<div id="divdown1"></div> 
</body> 
</html> 
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>倒计时js代码 - 懒人建站 http://www.51xuediannao.com/</title>
</head>

<body>

倒计时js代码 
<DIV id="CountMsg" class="HotDate">
    <span id="t_m">00:</span>
    <span id="t_s">00</span>
</DIV>
<script type="text/javascript">
    function getRTime(){
        var EndTime= new Date('2015/04/10 10:00:00'); //截止时间 
        var NowTime = new Date();
        var t =EndTime.getTime() - NowTime.getTime();


  //      var d=Math.floor(t/1000/60/60/24);
  //      var h=Math.floor(t/1000/60/60%24);
        var m=Math.floor(t/1000/60%60);
        var s=Math.floor(t/1000%60);

      //  document.getElementById("t_d").innerHTML = d + "天";
      //  document.getElementById("t_h").innerHTML = h + "时";
        document.getElementById("t_m").innerHTML = m + ":";
        document.getElementById("t_s").innerHTML = s + "";
    }
    setInterval(getRTime,1000);
    </script>


</body>
</html>

第二种方法：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>count down</title>
</head>
<body>
<script type="text/javascript">
var min=10;
var seconds = 2;
var speed = 1000;
var span = document.createElement('span');
        document.body.appendChild(span);
function countDown(min,seconds,speed){
      //  var txt = "10 : " + ((seconds < 10) ? "0" + seconds : seconds);             
        if(seconds==0){
            min--;
            seconds=59;
        };
        if(seconds == 0 && min == 0){
                clearTimeout(timeId);
        };

        var txt =((min < 10) ? "0" + min : min) +" : " + ((seconds < 10) ? "0" + seconds : seconds);
        span.innerHTML = txt;
        var timeId = setTimeout("countDown(min,seconds--,speed)",speed);                
}
countDown(min,seconds,speed);
</script>
</body>
</html>

第三种方法：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>JS实现倒计时(时、分，秒)</title> 
<script language="javascript" type="text/javascript"> 
    var interval  = 1000;
    var str = '2015-04-16 10:44:17';
    str = str.replace(/-/g,"/");
    var date = new Date(str );
        function ShowCountDown(date,divname) 
        { 
            var now = new Date();           
            var leftTime=date.getTime()-now.getTime(); 
            var leftsecond = parseInt(leftTime/1000);  
            var day1=Math.floor(leftsecond/(60*60*24)); 
            var hour=Math.floor((leftsecond-day1*24*60*60)/3600); 
            var minute=Math.floor((leftsecond-day1*24*60*60-hour*3600)/60); 
            var second=Math.floor(leftsecond-day1*24*60*60-hour*3600-minute*60); 
            var cc = document.getElementById(divname); 
            cc.innerHTML = minute+":"+((second < 10) ? "0" + second : second); 
             if(second == 0 && minute == 0){
                 clearInterval(int);
                // alert("时间到，请重新领取任务");
             //    updateSortqueryF();//不要去数据库，服务器压力大
                 //appcan.openWinWithUrl('requirementList','requirementList.html');
               //  uexWindow.evaluateScript('requirementList', '0','window.location.reload(requirementList.thml)');
             }

        }; 
        var int=window.setInterval(function(){ShowCountDown(date,'divdown1');}, interval); 

</script> 
</head> 
<body> 
<div id="divdown1"></div> 
</body> 
</html>

第四种方法：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>JS实现倒计时(时、分，秒)</title> 
<script language="javascript" type="text/javascript"> 
var interval  = 1000; 
var date =new Date();   
date.setMinutes(date.getMinutes()+1);   
function ShowCountDown(date,divname) 
{ 
var now = new Date(); 
var leftTime=date.getTime()-now.getTime(); 
var leftsecond = parseInt(leftTime/1000);  
var day1=Math.floor(leftsecond/(60*60*24)); 
var hour=Math.floor((leftsecond-day1*24*60*60)/3600); 
var minute=Math.floor((leftsecond-day1*24*60*60-hour*3600)/60); 
var second=Math.floor(leftsecond-day1*24*60*60-hour*3600-minute*60); 
var cc = document.getElementById(divname); 
cc.innerHTML = minute+":"+((second < 10) ? "0" + second : second); 
 if(second == 0 && minute == 0){
 clearInterval(int);
 }

} 
var int=window.setInterval(function(){ShowCountDown(date,'divdown1');}, interval); 
</script> 
</head> 
<body> 
<div id="divdown1"></div> 
</body> 
</html>