資訊專欄INFORMATION COLUMN
摘要：練習(xí)倒計(jì)時(shí)例子倒計(jì)時(shí)就是時(shí)間一秒秒的倒數(shù)一般都是目標(biāo)時(shí)間跟現(xiàn)在時(shí)間進(jìn)行比較部分結(jié)果部分對(duì)象的使用對(duì)象基于年月日世界標(biāo)準(zhǔn)時(shí)間起的毫秒數(shù)返回的是毫秒數(shù)傳入的參數(shù)表示日期的字符串值。
練習(xí)倒計(jì)時(shí)例子
倒計(jì)時(shí)就是時(shí)間一秒秒的倒數(shù),一般都是目標(biāo)時(shí)間跟現(xiàn)在時(shí)間進(jìn)行比較
html部分js部分結(jié)果:
Date對(duì)象的使用
Date 對(duì)象基于1970年1月1日（世界標(biāo)準(zhǔn)時(shí)間）起的毫秒數(shù),返回的是毫秒數(shù)
傳入的參數(shù)dateString表示日期的字符串值。該字符串應(yīng)該能被 Date.parse() 方法識(shí)別的才能夠解析為毫秒數(shù)
通過解析時(shí)間字符串獲得他們的毫秒數(shù),然后可以對(duì)毫秒數(shù)進(jìn)行運(yùn)算來獲取相差值
有類似getFullYear()的方法提取時(shí)間值,參考
對(duì)于數(shù)字運(yùn)算后的取整(Math對(duì)象的使用)
floor方法是取整,并且沒有四舍五入的情況
setInterval的使用
var inputTime = document.getElementById("inputTime");
var submitBtn = document.getElementById("submit");
submitBtn.addEventListener("click", function () {
countDownFunc();
}, false);
//倒計(jì)時(shí)func
var countDownFunc = function(){
setInterval(function () {
var dstTime = new Date((inputTime.value));
var now = new Date();
var time = (dstTime - now) / 1000;
console.log(time);
// 秒轉(zhuǎn)化為小時(shí)，分鐘，天
var day = Math.floor(time / (24 * 60 * 60));
var hour = Math.floor(time % (24 * 60 * 60) / (60 * 60));
var minute = Math.floor(time % (24 * 60 * 60) % (60 * 60) / 60);
var second = Math.floor(time % (24 * 60 * 60) % (60 * 60) % 60);
var str = "距離還剩下:" + day + "天" + hour + "時(shí)" + minute + "分" + second + "秒";
var _timmer = document.getElementById("view");
_timmer.innerHTML = str;
},1000)
};
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/88188.html
摘要：獲取下一個(gè)元素節(jié)點(diǎn)，存在的話，取消現(xiàn)有選中狀態(tài)，設(shè)置下一個(gè)元素節(jié)點(diǎn)為選擇中，調(diào)用運(yùn)動(dòng)框架實(shí)現(xiàn)動(dòng)畫，添加定時(shí)器，調(diào)用該函數(shù)，實(shí)現(xiàn)自動(dòng)播放。移出時(shí)，開啟定時(shí)器，繼續(xù)輪播。輪播間隔時(shí)間單位為毫秒，默認(rèn)為，在內(nèi)部，以下部分進(jìn)行修改或添加。 轉(zhuǎn)載自我的個(gè)人博客 歡迎大家批評(píng)指正 包括5部分： 小練習(xí)1-處理用戶輸入 小練習(xí)2-日期對(duì)象的使用 小練習(xí)3：輪播圖 小練習(xí)4：輸入提示框 小練習(xí)...
摘要：獲取下一個(gè)元素節(jié)點(diǎn)，存在的話，取消現(xiàn)有選中狀態(tài)，設(shè)置下一個(gè)元素節(jié)點(diǎn)為選擇中，調(diào)用運(yùn)動(dòng)框架實(shí)現(xiàn)動(dòng)畫，添加定時(shí)器，調(diào)用該函數(shù)，實(shí)現(xiàn)自動(dòng)播放。移出時(shí)，開啟定時(shí)器，繼續(xù)輪播。輪播間隔時(shí)間單位為毫秒，默認(rèn)為，在內(nèi)部，以下部分進(jìn)行修改或添加。 轉(zhuǎn)載自我的個(gè)人博客 歡迎大家批評(píng)指正 包括5部分： 小練習(xí)1-處理用戶輸入 小練習(xí)2-日期對(duì)象的使用 小練習(xí)3：輪播圖 小練習(xí)4：輸入提示框 小練習(xí)...
摘要：我這里更進(jìn)一步修復(fù)了這個(gè)，想法很簡(jiǎn)單我可以等你輸完再把非數(shù)字全替換掉，只要把方法的正則改成全局匹配就。頁面加載后累加，自加實(shí)現(xiàn)效果頁面加載后累加，自加第三題的變種，換成觸發(fā)變化而已。 0x1用typeof查看數(shù)據(jù)類型 略過，不過typeof用來判斷數(shù)據(jù)類型是不太靠譜的，尤其是涉及到引用類型的時(shí)候，除非是要檢測(cè)一個(gè)變量是否有定義，否則最好采用Object.prototype.toStri...
摘要：是新加的標(biāo)簽，主要有和，的應(yīng)用是動(dòng)畫和圖像，的應(yīng)用是游戲渲染。 HTML5 Canvas canvas是html5新加的標(biāo)簽，主要有2D和3D，2D的應(yīng)用是動(dòng)畫和圖像，3D的應(yīng)用是游戲渲染。 1. 2D基礎(chǔ) 1.1繪制線 canvas window.onload = function(){ ...
閱讀 964·2023-04-25 23:50
閱讀 1994·2021-11-19 09:40
閱讀 608·2019-08-30 13:50
閱讀 2735·2019-08-29 17:11
閱讀 1051·2019-08-29 16:37
閱讀 2996·2019-08-29 12:54
閱讀 2803·2019-08-28 18:17
閱讀 2647·2019-08-26 16:55
