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>
    
  • 相关阅读:
    “终身幼儿园”:学习是一个创造的过程
    我对ERP实质的理解(陈启申)
    Java学习记录1java并发编程之synchronized初学
    谈谈你对Spring的理解
    java中的==与equals的区别
    Windows下编译安装perl Module
    win系统用virtualBox安装Ubuntu虚拟机,如何共享数据
    Windows下emacsw3m设置代理
    自我介绍
    document 对象
  • 原文地址:https://www.cnblogs.com/yangpeng-jingjing/p/4764562.html
Copyright © 2011-2022 走看看