设为首页
收藏本站
开启辅助访问
切换到宽版
登录
立即注册
快捷导航
发布信息
搜索
搜索
网站首页
自丢网
社区论坛
自丢网论坛
附件中心
源码下载
邀请码
丢币充值
帖子
搜索附件
搜索附件
自丢网
›
附件中心
›
建站程序/IT教程
›
JavaScript教程
›
js运行效果图.png
板块导航
+
模板下载
+
建站程序/IT教程
·
源码下载
·
修罗xiuno教程
·
Discuz教程
·
zzz资源/教程
·
织梦教程
·
服务器教程
·
数据库教程
·
Html/Html5教程
·
JavaScript教程
·
Css/Css3教程
·
建站/web前端教程
·
PHP教程
·
其他编程教程
·
小程序app教程
·
PPT模板/素材
·
Word简历模板/素材
·
Excel模板/素材
·
素材中心
·
百科知识
+
综合教程资源
热门下载
左侧广告
版权所有:自丢网
For 2020-2050 ©
zidiu.com
js运行效果图.png
打开方式:
资料大小: 6.15 KB
下载次数: 231
上传会员:
admin
上传时间: 2021-07-31
本站网址:
www.zidiu.com
查看附件所在的主题
下载附件
复制链接推荐给好友
点击附件下载:下载附件
JS将毫秒转化成天时分秒的时间格式教程代码:
JS将毫秒转化成天时分秒的时间格式代码
<!DOCTYPE html>
<head></head>
<body>
</body>
</html>
<script>
/**
* @param {string} mss 毫秒值
* @return {string}
*/
function formatDuring(mss) {
let millisecond = 1000;
let second = 60;
let minute = millisecond * second;
let hour = millisecond * second * second;
let day = millisecond * second * second * 24;
let days = parseInt(mss / day);
var hours = parseInt((mss % day) / hour);
var minutes = parseInt((mss % hour) / minute);
var seconds = parseInt(((mss % minute) / millisecond));
let dateStr = "";
if (days) {
dateStr = days + '天';
}
if (hours) {
dateStr += hours + '小时';
}
if (minutes) {
dateStr += minutes + '分钟';
}
if (seconds) {
dateStr += seconds + '秒';
}
return dateStr;
}
/**
* @param {string} mss 毫秒值
* @return {string}
*/
function formatDuring1(mss) {
let date =new Date(mss);
let days = date.getDate();
let hours = date.getHours();
let minutes = date.getMinutes();
let seconds = date.getSeconds();
let dateStr = "";
if (days) {
dateStr = days + '天';
}
if (hours) {
dateStr += hours + '小时';
}
if (minutes) {
dateStr += minutes + '分钟';
}
if (seconds) {
dateStr += seconds + '秒';
}
return dateStr;
}
/**
*
* @param {Date} endtime 结束时间
* @return {string}
*/
function showtime(endtime) {
let nowtime = new Date(); //获取当前时间
var mss = endtime.getTime() - nowtime.getTime(); //距离结束时间的毫秒数
return formatDuring(mss); //返回倒计时的字符串
}
let newDate = new Date("2021-07-31 00:00:00");
var newDiv = document.createElement("div");
document.body.appendChild(newDiv);
// 定时器,每1秒执行一次
setInterval(function() {
newDiv.innerHTML = showtime(newDate);
}, 1000);
// 测试
var newDiv1 = document.createElement("div");
document.body.appendChild(newDiv1);
// 定时器,每1秒执行一次
setInterval(function() {
let nowtime = new Date(); //获取当前时间
var mss = newDate.getTime() - nowtime.getTime(); //距离结束时间的毫秒数
newDiv1.innerHTML = formatDuring1(mss);
}, 1000);
</script>
复制代码
js执行运行效果图如下: