【js】日时分秒倒计时

  <div class="widgetDock" style="height: 5px;"><!-- 倒计时 --><div class="lui_dataview_daojishi_date"><h5>距离中秋还有：<span class="dds">d</span>日</h5><span class="hour">1</span> <strong>:</strong><span class="minute">2</span> <strong>:</strong><span class="second">3</span></div><script>//获取元素var days=document.querySelector(".dds");var hour = document.querySelector(".hour");var minute = document.querySelector(".minute");var second = document.querySelector(".second");//获取截止时间的时间戳（单位毫秒）var inputTime = +new Date("2022-09-10 00:00:00");//我们先调用countDown函数，可以避免在打开界面后停一秒后才开始倒计时countDown();//定时器 每隔一秒变化一次setInterval(countDown, 1000);function countDown() {//获取当前时间的时间戳（单位毫秒）var nowTime = +new Date();//把剩余时间毫秒数转化为秒var times = (inputTime - nowTime) / 1000;// 计算时间差dayvar d=parseInt(times/60/ 60 / 24);//如果天数小于 10，要变成 0 + 数字的形式 赋值给盒子days.innerHTML=d < 10 ? "0" + d : d;//计算小时数 转化为整数var h = parseInt(times / 60 / 60 % 24);//如果小时数小于 10，要变成 0 + 数字的形式 赋值给盒子hour.innerHTML = h < 10 ? "0" + h : h;//计算分钟数 转化为整数var m = parseInt(times / 60 % 60);//如果分钟数小于 10，要变成 0 + 数字的形式 赋值给盒子minute.innerHTML = m < 10 ? "0" + m : m;//计算描述 转化为整数var s = parseInt(times % 60);//如果秒钟数小于 10，要变成 0 + 数字的形式 赋值给盒子second.innerHTML = s < 10 ? "0" + s : s;}</script></div>

【js】日时分秒倒计时相关推荐

js倒计时天时分秒php,js实现时分秒倒计时
本文实例为大家分享了js实现时分秒倒计时的具体代码,供大家参考,具体内容如下 js时分秒毫秒倒计时 //js部分 function countTime(value) { //获取当前时间 var da ...
js vue中得延时器_Vue.js实现时分秒倒计时
我们平常浏览网页的时候,经常见到"距游戏公测1天2小时3分钟4秒"这样的倒计时器.时间如沙漏般一点点的减少,不仅能挑起用户的兴趣,而且让页面提升了一点逼格,还填补掉一些尴尬的空白位 ...
VUE组件日时分秒倒计时
因为产品说需要取服务器的时间戳,所以nowTime是从服务器取的当前时间戳,没有这个要求可以用new Date().getTime()代替: 组件代码 <template><div ...
时分秒倒计时的js实现
时分秒倒计时的js实现 2016年06月01日 11:51:45 阅读数:6587 时分秒倒计时的js实现,如图: 闲话少说,直接上代码. html代码: <div id="timer ...
linux脚本计时,Linux用脚本实现“时分秒“倒计时功能
1.怎样实现"时分秒"倒计时在Linux下,脚本的完成相对于C语言来说稍微随意一点,可以按照字的想法写,只要有逻辑就可以了. 示例: 注意: clean的功能这个命令将会刷新屏 ...
linux 多线程实现倒计时,Linux用脚本实现“时分秒“倒计时功能
1.怎样实现"时分秒"倒计时在Linux下,脚本的完成相对于C语言来说稍微随意一点,可以按照字的想法写,只要有逻辑就可以了. 示例: 注意: clean的功能这个命令将会刷新屏 ...
android 万能倒计时，时分秒倒计时
1.工具类 /*** 作者:created by meixi* 邮箱:15913707499@163.com* 日期:2018/12/28 15*/public class TimerUtil {pr ...
android倒计时动画特效,Android仿活动时分秒倒计时效果
本文实例为大家分享了Android时分秒倒计时效果的具体代码,供大家参考,具体内容如下从mian.xml下手: xmlns:tools="http://schemas.android.co ...
php 日期相减时分秒,PHP计算两个时间戳间隔的日时分秒的代码实例
关于PHP计算两个时间戳之间相差的日时分秒的代码下面是PHP计算两个时间戳间隔的日时分秒的代码实例的相关内容,文章教程主要讲述与时间戳间隔分秒相关的一些技术与知识,更多的内容欢迎大家访问htt ...

【js】日时分秒倒计时

【js】日时分秒倒计时相关推荐

最新文章

热门文章