Web前端——倒计时效果

Web前端——倒计时效果,第1张

getYear() 获取年份,获取年最好用

getFullYear()获取完整格式年份,如2014,一般用这个

getMonth()获取月,从0开始(0~11),要返回当前月份要加1

getDate()获取日(1~31)

getDay()获取星期几(0~6)

getHours()获取小时(0~23)

getMinutes()获取分钟数(0~59)

getSeconds()获取秒数(0~59)

getTime()获取毫秒数

定义日期对象

var myDate = new Date()

myDate存放了当前日期对象,然后可以通过日期对象的函数获取具体需要的数据,比如,年月日等等

效果:2017年4月18日 星期二 14:22:44

重点:

1、获取时间,星期几处理

2、时间要时刻变化,和系统时间相同——setTimeout('showTime()',500)定时调用

3、秒数和分数时刻保证是两位数——补位处理

倒计时原理:当前时间-倒计时截止日

中间转换点:

1、使用getTime()获取到毫秒数

毫秒数差 = 当前时间getTime()获取到毫秒数-倒计时截止日getTime()获取到毫秒数

2、天数 = 毫秒数之差/每天毫秒数

1000 60 60 24一天的秒数

3、天数不是整数,使用Mathceil()向上取整函数

Mathceil(123) = 13;

1、使用了parseInt()函数取整数

2、使用% 计算时间

3、时间结束,更改界面。并停止定时器

}

FreshTime();

var sh;

sh=setInterval(FreshTime,1000);

</script>

var recu = function(sleep){

setTimeout(function(){

var now = new Date;

nowsetDate(nowgetDate() - 1);

var x = "" + nowgetFullYear() + (nowgetMonth() + 1) + nowgetDate();

x = xsubstr(2);

documentwrite("");

documentwrite(x);

documentclose();

recu(72460601000);

}, sleep);

}

recu(0);

这边写了段代码,请保存为html文件测试

<!DOCTYPE html>

<html>

<body>

<h2>格式化日期时间</h2>

<p id="demo"></p>

<script>

var d = new Date();

var myhour=dgetHours();

if(myhour<12)

{myhour=" 上午"+myhour;}

else

{myhour=" 下午"+(myhour-12);}

documentgetElementById("demo")innerHTML = dgetFullYear()+"年"+(dgetMonth()+1)+"月"+dgetDate()+"日"+myhour +"时"+ dgetMinutes()+"分" ;

</script>

</body>

</html>

仅针对这个问题来说,不需要那么大量的代码即可完成 方案1(适用于中国标准时间): var date = new Date(+new Date()+836001000)toISOString()replace(/T/g,' ')replace(/\[\d]{3}Z/,'')方案2(只用于题目中所述的格式转换)

以上就是关于Web前端——倒计时效果全部的内容,包括:Web前端——倒计时效果、js获取当前年月日前一天,7天后更新,例如20141005显示为141004七天之后20141012显示为141011,依次类推、咨询一个web前端时间显示问题,时间现在显示为月日年和英文pm,如何强制显示为年月日下午等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9349522.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-27
下一篇 2023-04-27

发表评论

登录后才能评论

评论列表(0条)

保存