js版的倒计时（月-日-时-分-秒-毫秒）

大早上好瞌睡，爬起来接着写。

今天做的倒计时用了三种方法
过程和思路：

设置未来的时间。（使用在new Date()后面直接设置时间的方法）
获取当前的时间（ newDate() ）
用未来时间减去现在的时间，算出总的毫秒数
算出倒计时的月、日、时、分、秒、毫秒（1s =1000ms 1分=60s 1时 =60分 1天 =24时 1月=30天 1年=12）
每个时间内容出现在设置的块中。
间歇1ms变化时间（多种方法实现倒计时 setTimeout setInterval）

法一：setTimeout (countdown ,1);

<!DOCTYPE html>
<html>
<head lang="en"><meta charset="UTF-8"><title>倒计时</title><script>window.onload=function(){var go_time=new Date("2019/7/17 00:00:00");//  countdown：倒计时function  countdown(){var now_time=new Date();var alltime =go_time.getTime() -now_time.getTime ();  //总的时间（毫秒）var haoscend =alltime%1000;  //毫秒//console.log(haoscend);var scend = parseInt ((alltime/1000)%60  ) ;  //秒//console.log(scend);var minute =parseInt((alltime/1000/60)%60  ) ;  //  分钟// console.log(minute);var hour =parseInt((alltime/1000/60/60)%24 ) ;   //小时// console.log(hour);var day=parseInt((alltime/1000/60/60/24)%30);   //天数// console.log(day);var month=parseInt((alltime/1000/60/60/24/30)%12); //月// console.log(month);var btime=document.getElementById("block");var time1=document.getElementById("shi_jian");time1.innerHTML ="717倒计时："+month+"月"+day+"天"+hour+"时"+minute +"分"+scend +"秒"+(haoscend<10 ?"00"+haoscend :haoscend <100?"0"+haoscend :haoscend );setTimeout (countdown ,1);  //不加括号}countdown ();}</script><style>*{margin:0;padding: 0;}#block {position:relative;width:420px;height:420px;background: #fbbff8;border-radius: 50%;margin:100px auto;}#shi_jian {position:absolute;width:320px;height:100px;top:150px;left:50px;/* background: paleturquoise;*/text-align: center;line-height: 100px;font-size: 18px;}</style>
</head>
<body>
<div id="block"><div id="shi_jian"></div>
</div>
</body>
</html>

法二： setInterval (function(){ }，1）

setInterval (function(){var now_time=new Date();var alltime =go_time.getTime() -now_time.getTime ();  //总的时间（毫秒）//console.log(alltime);   1s =1000ms  1分=60s   1时 =60分  1天 =24时   1月=30天  1年=12月var haoscend =alltime%1000;  //毫秒//console.log(haoscend);var scend = parseInt ((alltime/1000)%60  ) ;  //秒//console.log(scend);var minute =parseInt((alltime/1000/60)%60  ) ;  //  分钟// console.log(minute);var hour =parseInt((alltime/1000/60/60)%24 ) ;   //小时// console.log(hour);var day=parseInt((alltime/1000/60/60/24)%30);   //天数// console.log(day);var month=parseInt((alltime/1000/60/60/24/30)%12); //月// console.log(month);var btime=document.getElementById("block");var time1=document.getElementById("shi_jian");time1.innerHTML ="717倒计时："+month+"月"+day+"天"+hour+"时"+minute +"分"+scend +"秒"+(haoscend<10 ?"00"+haoscend :haoscend <100?"0"+haoscend :haoscend );},1)

法三： window.requestAnimationFrame(countdown );

countdown ();function  countdown(){var now_time=new Date();var alltime =go_time.getTime() -now_time.getTime ();  //总的时间（毫秒）//console.log(alltime);   1s =1000ms  1分=60s   1时 =60分  1天 =24时   1月=30天  1年=12月var haoscend =alltime%1000;  //毫秒    var scend = parseInt ((alltime/1000)%60  ) ;  //秒var minute =parseInt((alltime/1000/60)%60  ) ;  //  分钟var hour =parseInt((alltime/1000/60/60)%24 ) ;   //小时var day=parseInt((alltime/1000/60/60/24)%30);   //天数var month=parseInt((alltime/1000/60/60/24/30)%12); //月var btime=document.getElementById("block");var time1=document.getElementById("shi_jian");time1.innerHTML ="717倒计时："+month+"月"+day+"天"+hour+"时"+minute +"分"+scend +"秒"+(haoscend<10 ?"00"+haoscend :haoscend <100?"0"+haoscend :haoscend );window.requestAnimationFrame(countdown );   //不加括号}

js版的倒计时（月-日-时-分-秒-毫秒）相关推荐

JS获取日期(年/月/日/时/分/秒)以及完整格式转化（补0）
var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位 ...
JS获取日期(年/月/日/时/分/秒)格式转化
因为用到JS倒计时,所以就把网上搜到的各种关于日期的整理了一下,有个印象,以后再用到,可以直接看自己的,方便很多. var myDate = new Date(); 以下都是在myDate的基础上得到 ...
mysql字符串转日期格式：(年-月-日时:分:秒.毫秒)
select STR_TO_DATE('2018-10-10 16:47:01:054','%Y-%m-%d %H:%i:%s:%f') as time
js将当前时间格式化为年-月-日时:分:秒
利用js的Date()对象,将系统当前时间格式化为年-月-日时:分:秒.也可以自己定义格式.(做项目时遇到这个问题.本来想百度一个用,哎,网上的结果太乱了,于是自己写一个) 代码如下: <!D ...
[转载] 用python 获取当前时间(年-月-日时:分:秒)，并且返回当前时间的下一秒
参考链接: Python获取当前时间获取当前时间,并且返回当前时间的下一秒因为存在年-月-日时:分:秒考虑到用split的方法做的话非常麻烦所以引入time和datetime模块当然也可 ...
Excel计算将时间字符串转换为时间格式年-月-日时:分:秒且计算时间差得到时分秒格式
Excel计算时间差时分秒今天数据导出处理的时候碰见一个时间格式问题如下: 这个日期数据从数据库里导出来就是字符串了,由于取出来的还有一些很长的编码形式的字段怕被隐没,所以将数据粘贴之前我将exce ...
汇编语言：以“年/月/日时:分:秒”的格式，显示当前的日期、时间。
题目:访问cmos ram,用汇编语言编程,以"年/月/日时:分:秒"的格式,显示当前的日期.时间. 我编写的程序是用直接写显存的方式,在屏幕中间显示系统的当前时间. 但是,有两 ...
用python 获取当前时间(年-月-日时:分:秒)，并且返回当前时间的下一秒
获取当前时间,并且返回当前时间的下一秒因为存在年-月-日时:分:秒考虑到用split的方法做的话非常麻烦所以引入time和datetime模块当然也可以改写成输入一个时间代码实现 imp ...
将毫秒值(currentTimeMillis)转换为(年-月-日时-分-秒)的形式,只需一行代码
//首先获取当前的毫秒值long currentTimeMillis = System.currentTimeMillis();/*** 转换为年月日时分秒的形式,得到的currentTime就是转换 ...

js版的倒计时（月-日-时-分-秒-毫秒）

js版的倒计时（月-日-时-分-秒-毫秒）相关推荐

最新文章

热门文章