zoukankan      html  css  js  c++  java
  • 用JQuery实现倒计时

    用Jquery实现倒计时,首先我们可以从数据库里读取时间字段,我们可以在webservice里从数据库读取字段 ,在这里就不详细写了。。。。。

    当我们在webservice里读取到数据库中的时间字段后,把时间分割判断。Javascript代码如下:
    <script type="text/javascript" src ="jquery-1[1].2.6.js"></script>
    <script type="text/javascript">

    function Times() {

    var tempTime=document.getElementById("currTime").innerHTML.split(":");
    var hour=tempTime[0];
    var minute=tempTime[1];
    var second=tempTime[2];
    if(second>=1)
    {
    second=(second-1>9)?(second-1):"0"+(second-1);
    }
    else
    {
       second="59";
         if(minute>=1){
             minute=(minute-1>9)?(minute-1):"0"+(minute-1);
         }else{
           minute="59"; 
             if(hour>=1){
                hour=(hour-1>9)?(hour-1):"0"+(hour-1);
             }else{
               minute="00";
               hour="0"+0;
             }
         }
    }
    document.getElementById("currTime").innerHTML=hour+":"+minute+":"+second;
    if(hour==0&&minute==0&&second==0)
    {
    document .getElementById ("currTime").style .display ="none";   
    }
    else
    setTimeout  (Times,1000);
    }

    //当窗体加载是调用。相当于onload()事件
     (function gettime()
        {
        $.ajax({
       contentType:"application/json",
       type: "POST",
       url: "WebService.asmx/Gettime",
       data: "{'id':'1'}",
       dataType: 'json',
       success: function(msq){
        document .getElementById ("currTime").innerHTML =msq.d ;
       }
        });
             setTimeout (Times,1000) ;
     })();

     </script>

  • 相关阅读:
    hdu 1116 Play on Words
    hdu 1856 More is better
    跟随鼠标跑
    asp.net实现数据流文件下载
    在ASP.NET程序中集成更好的下载体验
    request.ContentType的可取值
    multipart formdata boundary 说明
    ASP.NET中实现多文件上传(普通)
    读取XML文件中的某个节点的某个属性
    获取请求的Headers部分
  • 原文地址:https://www.cnblogs.com/paper/p/1535048.html
Copyright © 2011-2022 走看看