争怎路由网/网站教程/内容

JavaScript如何计算时间差（引入外部字体文件）？

网站教程2024-06-06 阅读
网页的本质就是超级文本标记语言，通过结合使用其他的Web技术（如：脚本语言、公共网关接口、组件等），可以创造出功能强大的网页。因而，超级文本标记语言是万维网（Web）编程的基础，也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。
本章给大家带来用JavaScript如何计算时间差（引入外部字体文件）？有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

JavaScript Date() 对象：

　　new Date() ：时间对象，会把当前时间作为其初始值；

　　setFullYear() ：用于设置月份，可有三个参数，setFullYear(year,month,day)；

　　setHours() ：设置指定时间的小时，可有四个参数，setHours(hour,min,sec,millisec)；

　　getDate() ：返回月份的某一天；

　　getMonth() ：返回表示月份的数字；

　　getFullYear() ：返回一个表示年份的 4 位数字；

　　getTime() ：返回距 1970 年 1 月 1 日之间的毫秒数；

　　setFullYear() ：设置年份；

　　setDate() ：设置日；

代码实例：

css代码：

@font-face{
            font-family: "Digital-7 Mono";
            src: url('Digital-7Mono.TTF');
        }
        div{
            width: 500px;
        } 
       .contain{
            text-align: right;
            font-size: 18px;
            margin-top: 10px;
            margin-bottom: 10px;
        }
        .contain span{
            font-family: "Digital-7 Mono";
            font-size: 36px;
            color: #555;
            padding-left: 10px;
        }

HTML代码：

<div class="contain"></div>

js代码：

<script src="jquery.min.js"></script>
<script type="text/javascript">
    var displayMode = 1;
    var time;

    $(".contain").click(function(){
        displayMode *= -1;
        Time(time, displayMode);
    });

    // 返回不同月份不同天数的方法
    function getDaysInMonth(month) {
        var data = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
        return data[month];
    }

    // 设置开始时间
    function start(year,month,day,hour,min,sec,mill){
        var starttime =new Date();
        starttime.setFullYear(year,month-1,day);
        starttime.setHours(hour,min,sec,mill);
        time =starttime;
        return time;
    }
    start(2015,2,20,21,0,0,0);
    
    function Time(date,mode){
        var years = NaN;
        var months = NaN;

        var current =new Date();
        var seconds =(Date.parse(current) - Date.parse(date)) /1000; //获取时间差的秒数
        var days =Math.floor(seconds / (3600 * 24)); //总天数

        seconds = seconds % (3600 * 24);  //总秒数 % 一天的秒数 下面的同理
        var hours =Math.floor(seconds / 3600); 

        seconds = seconds % 3600;
        var minutes = Math.floor(seconds / 60);

        seconds = seconds % 60;

        // 判断假如时分秒小时10的话 前面加0
        (seconds <10)? seconds ="0"+seconds:seconds=seconds;
        (hours <10)? hours ="0"+hours:hours=hours;
        (minutes <10)? minutes ="0"+minutes:minutes=minutes;

        if (mode == 1) {
            days = current.getDate() - date.getDate(); //当前日 - 开始日
            if (days < 0) {
                days += getDaysInMonth(current.getMonth());
                current.setDate(current.getDate() -1);
            }
            months = current.getMonth() - date.getMonth();
            if (months < 0) {
                months += 12;
                current.setFullYear(current.getFullYear() - 1);
            }
            years = current.getFullYear() - date.getFullYear();
        } else {
            days = Math.floor((current.getTime() - date.getTime()) / (1000 * 3600 * 24));
        }

        var result = (years > 0 ? "<span class='years'>" + years + "</span> year ":"")
            result += (months >= 0 ? "<span class='months'>" + months + "</span> month ":"");
            result += "<span class='days'>" + days + "</span> day ";
            result += "<span class='hours'>" + hours + "</span> hr "
            result += "<span class='minutes'>" + minutes + "</span> min "
            result += "<span class='seconds'>" + seconds + "</span> sec"

        $(".contain").html(result);
    }
    Time(time,displayMode);
    
    setInterval(function(){
        Time(time,displayMode);
    },1000)
</script>
不用安装到本地，直接引用外部字体文件
@font-face{
            font-family: "Digital-7 Mono";
            src: url('Digital-7Mono.TTF');
        }
URL 是文件的路径
以上就是JavaScript如何计算时间差（引入外部字体文件）？的详细内容，更多请关注php中文网其它相关文章！
				
				
网站建设是一个广义的术语，涵盖了许多不同的技能和学科中所使用的生产和维护的网站。



      
……
标签:JavaScript如何计算时间差（引入外部字体文件）？
 
相关阅读