js实现指定时间倒计时时间效果

指定时间倒计时
div页

<div id="a">离2020还剩下<span></span><span></span><span></span><span></span></div>

js页

 function autotime(){    var timenow=new Date();var time2020=new Date(2019,0,0,0,0,0);//指定时间var cz=time2020.getTime()-timenow.getTime();var day=parseInt(cz/(24*60*60*1000));cz=cz%(24*60*60*1000);hours=parseInt(cz/(60*60*1000));cz=cz%(60*60*1000);minute=parseInt(cz/(60*1000));cz=cz%(60*1000);var second=parseInt(cz/(1000));var span=document.getElementById('a').getElementsByTagName('span');span[0].innerHTML=day+"天";span[1].innerHTML=hours+"时";span[2].innerHTML=minute+"分";span[3].innerHTML=second+"秒";if(second<=-1)//如果溢出就为0并清除定时器{span[0].innerHTML=0+"天";span[1].innerHTML=0+"时";span[2].innerHTML=0+"分";span[3].innerHTML=0+"秒";clearInterval(time);}}var time=setInterval(autotime,1000);time();

js实现指定时间倒计时时间效果相关推荐

js实现酷炫倒计时动画效果
前段时间和朋友去音乐餐厅吃饭,中间有个活动,然后看到他们软件公众号H5有个活动开始的倒计时的动画效果,于是想了下实现思路. <!DOCTYPE html> <html> < ...
JS 获取指定URL的时间
1 //获得指定URL的时间 2 function gettimestr() { 3 var xmlhttp = new ActiveXObject("MSXML2.XMLHTTP.3.0& ...
JS 输出指定格式的时间
一.格式化函数 function dateFormat(fmt, date) {var o = {"M+": date.getMonth() + 1, //月份 "d+& ...
js 倒计时写法（三种：倒计时发送，倒计时时间，倒计时可用）
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
html5在线天数计时器,HTML倒计时效果：天、时、分、秒 | 固定时间倒计时
需求分析: 希望制作一个固定时间倒计时效果,比如某某活动在4小时之后结束,点开网页,触发倒计时事件,开始4小时倒计时.考虑使用setInterval定时器,在时间为0后,clearInterval清除 ...
html+css+js制作时间倒计时（时分秒）简易版
效果图展示: 1.先了解获取时间的函数 Date():获取当前系统时间 //获取当前系统时间 var date = new Date(); 2.获取时间的方法 getHours():获取小时值 get ...
html计时节日,原生js实现节日时间倒计时功能
知识要点 1.实现原理: 用结束时间-当前时间=时间差当前时间每过1秒时间差自然也就少了1秒所以要1秒更新一次当前时间就达到了倒计时的效果 2.需要注意的就是时间之间的转换和对得出数值的处理 3. ...
moment转换时间戳_酷炫时间轮盘：JS元素圆形布局制作时间轮盘动画效果
点击右上方红色按钮关注"web秀",让你真正秀起来前言前段时间看抖音,有人用时间轮盘作为动态的桌面壁纸,感觉很好玩,于是突发奇想,可以用JS来实现这个功能. 来来来,先看看成果 ...
js实现倒计时，定时器--完成时间倒计时
js实现倒计时,定时器–完成时间倒计时 //每秒刷新一次 setInterval(function showtime() {//结束时间var endTime = document.getElemen ...

js实现指定时间倒计时时间效果

js实现指定时间倒计时时间效果相关推荐

最新文章

热门文章