JavaScript Date对象应用实例分享
这篇文章主要分享了JavaScript Date对象应用实例,获取日期时间,倒计时功能实现,限时抢购活动,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
var str_time = year_2 + "年" + (month+1) + "月" + date + "日" +" "+ weekday[day] +" "+ hours +":" + min +":" + seconds;
document.getElementById('date').innerHTML = str_time;
setTimeout(showTime,500);//每500ms执行一次,实现秒数实时跳动。
/script
/body
/html
二.高考倒计时功能(天)
!DOCTYPE html
html lang="en"
head
meta charset="UTF-8"
title date02 /title
style
#date{
position: absolute;
font-size: 30px;
font-family: '微软雅黑';
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
/style
/head
body
div id="date" 2017.10.29 /div
script
window.onload = function(){
var now = new Date();//获取当前时间
var timedate = new Date("2018,12,23");//截止时间
//getTime() 方法可返回距 1970 年 1 月 1 日之间的毫秒数。
var date = timedate.getTime() - now.getTime();
//Math.ceil()向上取整
var time = Math.ceil(date/(24*60*60*1000));
document.getElementById('date').innerHTML = time;
/script
/body
/html
三.限时抢
!DOCTYPE html
html lang="en"
head
meta charset="UTF-8"
title date03 /title
style
#date{
position: absolute;
font-size: 30px;
font-family: '微软雅黑';
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
/style
/head
body
div id="date" 2017.10.29 /div
script
window.onload = function(){
showTime();
function checkTime(i){
return i 10 "0"+i:i;
function showTime(){
var now = new Date();//获取当前时间
var timedate = new Date("2017/10/30,");//截止时间
//getTime() 方法可返回距 1970 年 1 月 1 日之间的毫秒数。
var leftTime = (timedate.getTime() - now.getTime())/1000;
var d = checkTime(parseInt(leftTime/(24*60*60)));
var h = checkTime(parseInt(leftTime/(60*60)%24));
var m = checkTime(parseInt(leftTime/60%60));
var s = checkTime(parseInt(leftTime%60));
var time = d + "天" + h + "小时" + m + "分钟" + s + "秒";
document.getElementById('date').innerHTML = time;
setTimeout(showTime,500);
/script
/body
/html
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持凡科。