@EncyKe
2015-12-27T07:22:35.000000Z
字数 2858
阅读 3334
前端
JavaScript
var myDate = new Date()
:定义Date对象,把当前的日期和时间保存为初始值,再做以下方法引用;
方法 | 返回值 | 示例 |
---|---|---|
Date() |
返回当前的日期和时间 | |
getDate() |
查看Date对象并返回日期 | (1-31) |
getDay() |
返回星期几 | (0-6) |
getHours() |
返回小时数 | (0-23) |
getMinutes() |
返回分钟数 | (0-59) |
getMonth() |
返回月份值 | (从0开始,+1即月份) |
getSeconds() |
返回秒数 | |
getTime() |
返回毫秒数 | |
getYear() |
返回年份 | (非完整格式) |
getFullYear() |
方法来操作 | (完整格式2015) |
Math.ceil(x)
方法执行的是向上取整计算,它返回的是大于或等于函数参数,并且与之最接近的整数。
parseInt
解析一个字符串,并返回一个整数。
<div id="time"></div>
window.onload = showTime;
// 主函数,显示时间信息;
function showTime(){
var timeDate = new Date();
var year = timeDate.getFullYear();
var month = timeDate.getMonth();
var date = timeDate.getDate();
var day = timeDate.getDay();
var hour = timeDate.getHours();
var minute = timeDate.getMinutes();
var second = timeDate.getSeconds();
minute = checkFigure(minute);
second = checkFigure(second);
var weekday = new Array('星期日','星期一','星期二','星期三','星期四','星期五','星期六');
document.getElementById('time').innerHTML = year + '年' + month + '月' + date + '日 ' + weekday[day] + ' ' + hour + ':' + minute + ':' + second;
}
// 补位函数,把单一位数字通过在前面+“0”转化为两位;
function checkFigure(i){
if(i<10){
i = '0' + i;
}
return i;
}
setInterval(showTime,500);
<div id="time2">
距离元旦还有<span id="time2NewYear"></span>天。
</div>
<div id="timeIsNewYear">
然而今天就是元旦。
</div>
<div id="timePast">
元旦已经过去<span id="timePastNewYear"></span>天。
</div>
window.onload = function(){
var currentTime = new Date();
var endTime = new Date('2016,1,1');
var leftTime = endTime - currentTime;
var leftDay = leftTime/(1000*60*60*24);
if (leftDay > 0) {
document.getElementById('time2NewYear').innerHTML = ' ' + Math.ceil(leftDay) + ' ';
document.getElementById('timePast').style.display = 'none';
document.getElementById('timeIsNewYear').style.display = 'none';
}
else if(leftDay == 0){
document.getElementById('time2').style.display = 'none';
document.getElementById('timePast').style.display = 'none';
}
else{
leftDay = -leftDay;
document.getElementById('timePastNewYear').innerHTML = ' ' + Math.ceil(leftDay) + ' ';
document.getElementById('time2').style.display = 'none';
document.getElementById('timeIsNewYear').style.display = 'none';
};
}
改变var leftTime = endTime - currentTime;
中被减数与减数关系即可获得正数计时器(如纪念日计时器等)。
<div id="leftTime"></div>
window.onload = showTime;
function showTime(){
var nowtime = new Date();
var endtime = new Date("2015/12/27,00:00:00");
//将当前时间以及结束时间转换为秒,之后再用结束时间减去当前时间
var lefttime = parseInt((endtime.getTime()-nowtime.getTime())/1000);
//换算出天
var d = parseInt(lefttime/(24*60*60));
//换算出小时之后,取模运算,获得具体的小时数
var h = parseInt(lefttime/(60*60)%24);
//换算出分钟,一小时等于60分钟,所以对60取模
var m = parseInt(lefttime/60%60);
var s = parseInt(lefttime%60);
document.getElementById('leftTime').innerHTML='还剩 '+d+'天'+h+'小时'+m+'分钟'+s+'秒';
//判断活动是否结束
if(lefttime <= 0){
document.getElementById('leftTime').innerHTML='团购已结束!';
}
//showtime是一个函数,500毫秒
setTimeout(showTime,500);
}
同理,改变var lefttime = parseInt((endtime.getTime()-nowtime.getTime())/1000);
中被减数与减数关系即可获得正数秒数动态计时器。