• 倒计时代码-附效果图


    倒计时代码-附效果图 - 小小鱼儿小小林 - 小小鱼儿小小林的网易博客
     
    代码:

    <br>
    <div data-role="line" style="text-align: center; line-height: 1;"><b><font color="#01a3e7" size="5">距离2016级新生开学还有:</font></b></div>
    <br>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>JS时间倒计时</title>
    <script type="text/javascript">


    var time_now_server,time_now_client,time_end,time_server_client,timerID;

    //结束时间
    time_end=new Date("2016/9/10 00:00:00");
    time_end=time_end.getTime();
    //开始的时间:如果不填入时间日期默认为当前的日期时间
    time_now_server=new Date;
    time_now_server=time_now_server.getTime();

    time_now_client=new Date();
    time_now_client=time_now_client.getTime();

    time_server_client=time_now_server-time_now_client;

    setTimeout("show_time()",1000);


    //显示时间函数
    function show_time()
    {
    var timer = document.getElementById("timer");
    if(!timer){
    return ;
    }
    timer.innerHTML =time_server_client;

    var time_now,time_distance,str_time;
    var int_day,int_hour,int_minute,int_second;
    var time_now=new Date();
    time_now=time_now.getTime()+time_server_client;
    time_distance=time_end-time_now;
    if(time_distance>0)
    {
    int_day=Math.floor(time_distance/86400000)
    time_distance-=int_day*86400000;
    int_hour=Math.floor(time_distance/3600000)
    time_distance-=int_hour*3600000;
    int_minute=Math.floor(time_distance/60000)
    time_distance-=int_minute*60000;
    int_second=Math.floor(time_distance/1000)

    if(int_hour<10){
    int_hour="0"+int_hour;
    }
    if(int_minute<10){
    int_minute="0"+int_minute;
    }
    if(int_second<10){
    int_second="0"+int_second;
    }

    str_time=int_day+"天"+int_hour+"小时"+int_minute+"分钟"+int_second+"秒";
    timer.innerHTML=str_time;
    setTimeout("show_time()",1000);

    }
    else
    {

    timer.innerHTML =timer.innerHTML;
    clearTimeout(timerID)
    window.location.href="http://hlqn.kuaizhan.com";
    }
    }
    </script>
    </head>

    <body>
    <div id="timer" style="font-size:2em; text-align:center; font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif; text-shadow:0 0 5px #00c6ff; "></div>

    <div id="yu" style="font-size:2em; text-align:center; font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif; text-shadow:0 0 5px #00c6ff; "></div>
    </body>
    </html>


  • 相关阅读:
    paip.解决Invalid byte 2 of 2byte UTF8 sequence.
    poj1157
    poj1258
    poj1160
    poj1113
    poj1159
    !!!GRETA正则表达式模板类库
    【原创】C#与C++的混合编程采用其中的第三种方法
    WinApi.cs
    C#:正则表达式30分钟入门教程
  • 原文地址:https://www.cnblogs.com/jalenFish/p/14099100.html
Copyright © 2020-2023  润新知