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>

  • 相关阅读:
    Eclipse相关问题
    分词工具比较(转)
    package-info.java文件详解
    如何在大量jar包中搜索特定字符
    eclipse插件在线发布发布和版本更新(web site) 转
    Peer Code Reviews Made Easy with Eclipse Plug-In
    Eclipse中Ant的配置与测试 转
    astyle 使用说明
    Eclipse远程调试出现“JDWP Transport dt_socket failed to initialize”的解决方案
    记录一个中括号的问题
  • 原文地址:https://www.cnblogs.com/paper/p/1535048.html
Copyright © 2011-2022 走看看