本章給大家帶來用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代碼：

js代碼：

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 ? "" + years + " year ":"")

result += (months >= 0 ? "" + months + " month ":"");

result += "" + days + " day ";

result += "" + hours + " hr "

result += "" + minutes + " min "

result += "" + seconds + " sec"

$(".contain").html(result);

}

Time(time,displayMode);

setInterval(function(){

Time(time,displayMode);

},1000)

不用安裝到本地，直接引用外部字體文件@font-face{

font-family: "Digital-7 Mono";

src: url('Digital-7Mono.TTF');

}

URL 是文件的路徑

總結

以上是生活随笔為你收集整理的php计算时间差js,JavaScript如何计算时间差（引入外部字体文件）？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。