zoukankan      html  css  js  c++  java
  • 用js代码在页面显示倒计时的方法

    不废话直接上代码

     1 <script language="javascript">
     2                     //倒计时
     3                     var interval = 1000;
     4                     var nowserver = new Date('@DateTime.Now.ToString()');//服务器时间
     5                     var now = new Date();//客户端时间
     6                     var datediff = nowserver.getTime() - now.getTime();//server-client时间差
     7                     //alert(datediff);
     8 
     9                     var endDate = new Date('@DateTime.Now.AddMinutes(10).ToString()');//不动 注意这里@DateTime.Now.AddMinutes(10).ToString()是.NET代码
    10 
    11                     //重新发送的方法
    12     //function payverify() {
    13     //    $.post('/RetailSales/PayVerify', { orderno: "@Model.OrderNumber", orderid: "@Model.OrdersId", paypwd: $('#paypwd').val() }, function (data) {
    14      //       $('#buttompay').html(data);
    15 //
    16      //   });
    17    // }
    18 
    19                     function ShowCountDown(divname) {
    20                         now = new Date();//客户端时间,是反复要变的
    21                         var leftTime = endDate.getTime() - now.getTime() + datediff;//修复时间差
    22                         var cc = document.getElementById(divname);
    23                         if (leftTime > 0) {
    24                             var leftsecond = parseInt(leftTime / 1000);
    25                             var day1 = Math.floor(leftsecond / (60 * 60 * 24));
    26                             var hour = Math.floor((leftsecond - day1 * 24 * 60 * 60) / 3600);
    27                             var minute = Math.floor((leftsecond - day1 * 24 * 60 * 60 - hour * 3600) / 60);
    28                             var second = Math.floor(leftsecond - day1 * 24 * 60 * 60 - hour * 3600 - minute * 60);
    29                             try {
    30                                 var cc = document.getElementById(divname);
    31                                 if (minute == 0 && second == 0) {
    32                                     cc.innerHTML = "0分0秒";
    33                                     document.getElementById('msg').innerHTML = "信息:<font color=red>短信验证超时,请重新获取短信验证码!<span>";
    34                                     window.clearInterval(intervalId);//停止计时
    35                                     return;
    36                                 }
    37                                 cc.innerHTML = minute + "分" + second + "秒";
    38                             } catch (e) { }
    39                         }
    40                         else {
    41                             cc.innerHTML = "0分0秒";
    42                             document.getElementById('msg').innerHTML = "信息:<font color=red>短信验证超时,请重新获取短信验证码!<span>";
    43                             window.clearInterval(intervalId);//停止计时
    44                         }
    45                     }
    46                     var intervalId = window.setInterval(function () { ShowCountDown('t'); }, interval);
    47                 </script>
  • 相关阅读:
    IO(文件)处理
    集合 (set) 的增删改查及 copy()方法
    字典 (dict) 的增删改查及其他方法
    列表(List) 的增删改查及其他方法
    细数Python中的数据类型以及他们的方法
    CCNA基础 IP地址子网划分
    [转] SSH原理与运用(2):远程操作与端口转发
    记俩次连续失误操作造成的数据丢失损坏解决
    CentOS 下 MySQL DateBasic 抢救
    China Mobile 免流原理
  • 原文地址:https://www.cnblogs.com/bolanbujing/p/4289944.html
Copyright © 2011-2022 走看看