时间

1.获取时间

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <div id="day"></div>
        <div id="show"></div>
        <script>
            /*
             * Date()返回当前日期和时间
             * getDate()查看Date对象并返回日期(1-31)
             * getDay()返回星期几(0-6)
             * getHours()返回小时数(0-23)
             * getMinutes()返回分钟数(0-59)
             * getMonth()返回月份值(从0开始,+1)
             * getSeconds()返回秒数
             * getTime()返回毫秒数
             * getYear()返回年份 获得年最好用
             * getFullYear()方法来操作(完整格式 如2014)
             */
            showTime();//一开始进来的时候调用下
            function checkTime(i){
                if(i<10){
                    i="0"+i;
                }
                return i;//否则返回i
            }
            function showTime(){
            var myDate=new Date();
            var year=myDate.getFullYear();
            var month=myDate.getMonth()+1;
            var date=myDate.getDate();
            var d=myDate.getDay();
            var h=myDate.getHours();
            var m=myDate.getMinutes();
            var s=myDate.getSeconds();
//            m = m >= 10? m:'0'+m;
//            s = s >= 10? s:'0'+s;
            m=checkTime(m);//分钟和秒都要检测
            s=checkTime(s);
            //alert(myDate.getDay());
//            var weekday=new Array(7);
//            weekday[0]="星期日";
//            weekday[1]="星期一";
//            weekday[2]="星期二";
//            weekday[3]="星期三";
//            weekday[4]="星期四";
//            weekday[5]="星期五";
//            weekday[5]="星期六";
            
            var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
            
            document.getElementById('day').innerHTML='星期'+'日一二三四五六'.charAt(d);
            document.getElementById('show').innerHTML=year+'年'+month+'月'+date+'日'+weekday[d]+h+'小时'+m+'分钟'+s+'秒';
            setTimeout(showTime,500);
                
            }
        </script>
    </body>
</html>

2.距离高考倒计时

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <div> 倒计时:<span id="showtime"></span></div>
        <script>
            var curtime=new Date(); //当前时间
            var endtime=new Date("2017,10,30"); //结束时间
            var lefttime=Math.ceil((endtime.getTime()-curtime.getTime())/(24*60*60*1000));
            //1天=24小时  1小时=60分 1分=60秒 1秒=1000毫秒
            //lefttime/24*60*60*1000;//一天的毫秒数
            //alert(lefttime)
            document.getElementById('showtime').innerHTML=lefttime
        </script>
    </body>
</html>

3.限时倒计

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <div> 还剩:<span id="showtime"></span></div>
        <div> <span id="lefttime"></span></div>
        <script>
            showTime();
            function showTime(){
            var curtime=new Date(); //当前时间
            var endtime=new Date("2017/10/22,16:20:12"); //结束时间
            //endtime.getTime() 全部转成毫秒,除以1000就等于秒
            var lefttime=parseInt((endtime.getTime()-curtime.getTime())/1000); //毫秒转成秒
            //1天=24小时  1小时=60分 1分=60秒 1秒=1000毫秒
            //lefttime/24*60*60*1000;//一天的毫秒数
            //alert(lefttime)
            
            
            //换算       
            //总秒数/一天秒数
            var d=parseInt(lefttime/(24*60*60));
            //1天24小时
            var h=parseInt(lefttime/(60*60)%24);  //lefttime/(60*60)把秒转成小时,再模自己,取剩余数
            //1分钟60秒
            var m=parseInt(lefttime/60%60);    //把秒转成分钟, 再模自己,取剩余数      //lefttime%3600/60;
            //本身就是秒数
            var s=parseInt(lefttime%60);
            document.getElementById('showtime').innerHTML=d+'天'+h+'小时'+m+'分钟'+s+'秒';
            
            //判断活动结束弹出
            if(lefttime<=0){
                document.getElementById('lefttime').innerHTML="活动已结束";
                 clearTimeout(showTime);
            }
            
            setTimeout(showTime,500);

            }
            
            
        </script>
    </body>
</html>
原文地址:https://www.cnblogs.com/sayidf/p/7583147.html