js倒計時(附js date操作)

阿新 • • 發佈：2019-01-11

<script>
        var interval = 1000;
        function ShowCountDown(year, month, day, hour, minute, second, divname) {
            var now = new Date();
            var endDate = new Date(year,month-1,day,hour,minute,second);
            var leftTime = endDate.getTime() - now.getTime();
            var leftsecond = parseInt(leftTime / 1000);

            var day1 = Math.floor(leftsecond / (60 * 60 * 24));
            var hour1 = Math.floor((leftsecond - day1 * 24 * 60 * 60) / 3600);
            var minute1 = Math.floor((leftsecond - day1 * 24 * 60 * 60 - hour1 * 3600) / 60);
            var second1 = Math.floor(leftsecond - day1 * 24 * 60 * 60 - hour1 * 3600 - minute1 * 60);
            var cc = document.getElementById(divname);
            cc.innerHTML = "距離" + year + "年" + month + "月" + day + "日"+ hour + "小時" + minute + "分" + second + "秒還有：" + day1 + "天" + hour1 + "小時" + minute1 + "分" + second1 + "秒";
        }
        window.setInterval(function () { ShowCountDown(2016,4,12,22,10,0,'show'); }, interval);
    </script>

<body>
    <div id="show"></div> 
</body>

執行效果：

附js Date操作：

建立 Date 物件的語法：
var myDate=new Date()
Date 物件會自動把當前日期和時間儲存為其初始值。
引數形式有以下５種：

new Date("month dd,yyyy hh:mm:ss");
new Date("month dd,yyyy");
new Date(yyyy,mth,dd,hh,mm,ss);
new Date(yyyy,mth,dd);
new Date(ms);

注意最後一種形式，引數表示的是需要建立的時間和GMT時間1970年1月1日之間相差的毫秒數。各種函式的含義如下：

month:用英文表示月份名稱，從January到December

mth:用整數表示月份，從0-11(1月到12月)

dd:表示一個月中的第幾天，從1到31

yyyy:四位數表示的年份

hh:小時數，從0（午夜）到23（晚11點）

mm:分鐘數，從0到59的整數

ss:秒數，從0到59的整數

ms:毫秒數，為大於等於0的整數

如：

new Date("January 12,2006 22:19:35");

new Date("January 12,2006");

new Date(2006,0,12,22,19,35);

new Date(2006,0,12);

new Date(1137075575000);

Date() 返回當日的日期和時間。

getDate() 從 Date 物件返回一個月中的某一天 (1 ~ 31)。
getDay() 從 Date 物件返回一週中的某一天 (0 ~ 6)。
getMonth() 從 Date 物件返回月份 (0 ~ 11)。
getFullYear() 從 Date 物件以四位數字返回年份。
getYear() 請使用 getFullYear() 方法代替。
getHours() 返回 Date 物件的小時 (0 ~ 23)。
getMinutes() 返回 Date 物件的分鐘 (0 ~ 59)。
getSeconds() 返回 Date 物件的秒數 (0 ~ 59)。
getMilliseconds() 返回 Date 物件的毫秒(0 ~ 999)。
getTime() 返回 1970 年 1 月 1 日至今的毫秒數。
getTimezoneOffset() 返回本地時間與格林威治標準時間 (GMT) 的分鐘差。
getUTCDate() 根據世界時從 Date 物件返回月中的一天 (1 ~ 31)。
getUTCDay() 根據世界時從 Date 物件返回週中的一天 (0 ~ 6)。
getUTCMonth() 根據世界時從 Date 物件返回月份 (0 ~ 11)。
getUTCFullYear() 根據世界時從 Date 物件返回四位數的年份。
getUTCHours() 根據世界時返回 Date 物件的小時 (0 ~ 23)。
getUTCMinutes() 根據世界時返回 Date 物件的分鐘 (0 ~ 59)。
getUTCSeconds() 根據世界時返回 Date 物件的秒鐘 (0 ~ 59)。
getUTCMilliseconds() 根據世界時返回 Date 物件的毫秒(0 ~ 999)。
parse() 返回1970年1月1日午夜到指定日期（字串）的毫秒數。
setDate() 設定 Date 物件中月的某一天 (1 ~ 31)。
setMonth() 設定 Date 物件中月份 (0 ~ 11)。
setFullYear() 設定 Date 物件中的年份（四位數字）。
setYear() 請使用 setFullYear() 方法代替。
setHours() 設定 Date 物件中的小時 (0 ~ 23)。
setMinutes() 設定 Date 物件中的分鐘 (0 ~ 59)。
setSeconds() 設定 Date 物件中的秒鐘 (0 ~ 59)。
setMilliseconds() 設定 Date 物件中的毫秒 (0 ~ 999)。
setTime() 以毫秒設定 Date 物件。
setUTCDate() 根據世界時設定 Date 物件中月份的一天 (1 ~ 31)。
setUTCMonth() 根據世界時設定 Date 物件中的月份 (0 ~ 11)。
setUTCFullYear() 根據世界時設定 Date 物件中的年份（四位數字）。
setUTCHours() 根據世界時設定 Date 物件中的小時 (0 ~ 23)。
setUTCMinutes() 根據世界時設定 Date 物件中的分鐘 (0 ~ 59)。
setUTCSeconds() 根據世界時設定 Date 物件中的秒鐘 (0 ~ 59)。
setUTCMilliseconds() 根據世界時設定 Date 物件中的毫秒 (0 ~ 999)。
toSource() 返回該物件的原始碼。
toString() 把 Date 物件轉換為字串。
toTimeString() 把 Date 物件的時間部分轉換為字串。
toDateString() 把 Date 物件的日期部分轉換為字串。
toGMTString() 請使用 toUTCString() 方法代替。
toUTCString() 根據世界時，把 Date 物件轉換為字串。
toLocaleString() 根據本地時間格式，把 Date 物件轉換為字串。
toLocaleTimeString() 根據本地時間格式，把 Date 物件的時間部分轉換為字串。
toLocaleDateString() 根據本地時間格式，把 Date 物件的日期部分轉換為字串。
UTC() 根據世界時返回 1997 年 1 月 1 日到指定日期的毫秒數。
valueOf() 返回 Date 物件的原始值。

js倒計時(附js date操作)

js倒計時(附js date操作)

HTML DOM基本操作，附js程式碼

js倒計時，距離某個時間的倒計時。

js中對數組的操作-------Day49

JS 倒計時插件

js倒計時60秒獲取驗證碼

在Node.js使用Promise的方式操作Mysql

Async.js解決Node.js操作MySQL的回調大坑

js中的數組操作

js 數組的所有操作

js基礎-常用數組操作方法

js如何判斷不同的操作系統

js 數組的crud操作

lockable JS function，解鎖操作之前，不能重復操作

js倒計時效果

js倒計時組件

JS 倒計時實現代碼(時、分，秒)

時分秒倒計時的js實現

D3.js系列——交互式操作和布局

NODE JS 與 PHP 文件操作函數對比

js倒計時(附js date操作)

相關推薦