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>
  • 相关阅读:
    weexpack build android 和 weexpack run android 报错 及 解决方案
    weexapp 开发流程(三)其他页面创建
    svn 创建分支、切换分支 及 合并分支 操作
    github 新建远程仓库 及 删除远程仓库
    photoshop 前端常用技巧
    vue2.0 常用的 UI 库
    weex 小结
    Android-studio 连接真机 调试weex项目
    js中Math之random,round,ceil,floor的用法总结
    基于canvas图像处理的图片 灰色图像
  • 原文地址:https://www.cnblogs.com/bolanbujing/p/4289944.html
Copyright © 2011-2022 走看看