zoukankan      html  css  js  c++  java
  • asp.net js 倒计时总秒数量 和 排序

            Edit in JSFiddle JavaScript HTML CSS Result h1 {
                font-family: "微软雅黑";
                font-size: 40px;
                margin: 20px 0;
                border-bottom: solid 1px #ccc;
                padding-bottom: 20px;
                letter-spacing: 2px;
            }
    
            .time-item strong {
                background: #C71C60;
                color: #fff;
                line-height: 49px;
                font-size: 36px;
                font-family: Arial;
                padding: 0 10px;
                margin-right: 10px;
                border-radius: 5px;
                box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
            }
    
            #day_show {
                float: left;
                line-height: 49px;
                color: #c71c60;
                font-size: 32px;
                margin: 0 10px;
                font-family: Arial, Helvetica, sans-serif;
            }
    
            .item-title .unit {
                background: none;
                line-height: 49px;
                font-size: 24px;
                padding: 0 10px;
                float: left;
            }
    
            var intDiff = parseInt(86400); //倒计时总秒数量
    
            function timer(intDiff) {
                window.setInterval(function () {
                    var day = 0,
                        hour = 0,
                        minute = 0,
                        second = 0; //时间默认值
                    if (intDiff > 0) {
                        day = Math.floor(intDiff / (60 * 60 * 24));
                        hour = Math.floor(intDiff / (60 * 60)) - (day * 24);
                        minute = Math.floor(intDiff / 60) - (day * 24 * 60) - (hour * 60);
                        second = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);
                    }
                    if (minute <= 9) minute = '0' + minute;
                    if (second <= 9) second = '0' + second;
                    $('#day_show').html(day + "天");
                    $('#hour_show').html('<s id="h"></s>' + hour + '时');
                    $('#minute_show').html('<s></s>' + minute + '分');
                    $('#second_show').html('<s></s>' + second + '秒');
                    intDiff--;
                }, 1000);
            }
    
            $(function () {
                timer(intDiff);
            });
    
    
        <h1>网页上的倒计时</h1>
    
        <div class="time-item">
            <span id="day_show">0天</span>
            <strong id="hour_show">0时</strong>
            <strong id="minute_show">0分</strong>
            <strong id="second_show">0秒</strong>
    
        </div>
    
    
    
    
    ---------------------------------------排序
            function test() {
                var numbers = [12, 23, 10, 56, 7, 88, 92, 49];
                numbers = numbers.sort(function (a, b) {
                    return a - b;
                })
                var val;
                for (var i = 0; i < numbers.length; i++) {
                    val += numbers[i] + '<br/>';
    
                }
                $('#show8').html(val);
    
    
            }
    
            <div>
                <input type="button" value="提交" onclick="test()" />
                <h3>数值数组排序前</h3>
                <div id="show7"></div>
                <h3>排序后</h3>
                <div id="show8"></div>
            </div>
    
  • 相关阅读:
    windwos8.1英文版安装SQL2008 R2中断停止的解决方案
    indwows8.1 英文版64位安装数据库时出现The ENU localization is not supported by this SQL Server media
    Server Tomcat v7.0 Server at localhost was unable to start within 45 seconds
    SQL数据附加问题
    eclipse,myeclipse中集合svn的方法
    JAVA SSH 框架介绍
    SSH框架-相关知识点
    SuperMapRealSpace Heading Tilt Roll的理解
    SuperMap iserver manage不能访问本地目的(IE9)
    Myeclipse中js文件中的乱码处理
  • 原文地址:https://www.cnblogs.com/yangpeng-jingjing/p/4764562.html
Copyright © 2011-2022 走看看