zoukankan      html  css  js  c++  java
  • JS倒计时,时间差

    后台代码:
    DateTime dtone = Convert.ToDateTime(DateTime.Now);
                DateTime dtwo = Convert.ToDateTime("2014-07-06 08:33:00");
                TimeSpan span = dtone.Subtract(dtwo); //算法是dtone 减去 dtwo
                Response.Write(span.Days + "天" + span.Hours + "小时" + span.Minutes + "分钟" + span.Seconds + "秒" + span.TotalDays);

                Page.ClientScript.RegisterStartupScript(ClientScript.GetType(), "myscript", "<script> countDown1 (50);</script>");

    前台代码:
    function countDown1(secs, surl) {
               //alert(surl);    
               var jumpTo = document.getElementById('jumpTo');
               jumpTo.innerHTML = secs;
               if (--secs > 0) {
                   setTimeout(" countDown1 (" + secs + ",'" + surl + "')", 1000);
               }
               else {
                   jumpTo.innerHTML = "";
               }
           }
    //把秒数转化成天,时,分,秒
           function arrive_timer_format(s) {
               var t;
               if (s > -1) {
                   hour = Math.floor(s / 3600);
                   min = Math.floor(s / 60) % 60;
                   sec = s % 60;
                   day = parseInt(hour / 24);
                   if (day > 0) {
                       hour = hour - 24 * day;
                       t = day + "day " + hour + ":";
                   }
                   else t = hour + ":";
                   if (min < 10) { t += "0"; }
                   t += min + ":";
                   if (sec < 10) { t += "0"; }
                   t += sec;
               }
                   var jumpTo = document.getElementById('jumpTo');
                   jumpTo.innerHTML = t;
               return t;
           }
    <div οnclick="arrive_timer_format(120)">00000000000000

        <input type="textarea" id="left1" name="left" size="35" style="text-align: center"/> 

            <span id="jumpTo" style=" font-size:22px; color:Red;">5</span><span style=" font-size:22px; color:Red;"></span>

        </div>
  • 相关阅读:
    HTML技巧篇:如何让单行文本以及多行文本溢出时显示省略号(…)
    SpringMVC中响应json数据(异步传送)
    如何用Spring框架的<form:form>标签实现REST风格的增删改查操作
    如何使用REST请求风格
    Spring插件的安装与卸载---笔记
    元素 "context:component-scan" 的前缀 "context" 未绑定的解决方案
    简单的文件上传的下载(动态web项目)
    用简单的反射优化代码(动态web项目)
    json数据与Gson工具类的使用
    JSON简介
  • 原文地址:https://www.cnblogs.com/wybshyy/p/13783844.html
Copyright © 2011-2022 走看看