首页 > web前端 > js教程 > javascript怎么实现秒转时间

javascript怎么实现秒转时间

藏色散人
发布: 2023-01-05 16:10:47
原创
3474 人浏览过

javascript实现秒转时间的方法:首先创建一个前端代码示例文件;然后通过p标签来储存转化出来的时间;最后通过js代码“var min=Math.floor(oTs.innerHTML%3600)...”实现秒转时间即可。

javascript怎么实现秒转时间

本文操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

原生js将秒转为时间

关于运算符的应用,取模应该是比较重要的了,今天写一个关于将秒转为时分秒的小例子。

 <span>11679</span>s是多少分钟
  <p></p>
登录后复制

上面的p标签用来储存转化出来的时间,js应该这样写:

    window.onload=function(){
        var oTs=document.getElementsByTagName("span")[0];
        var time=document.getElementsByTagName("p")[0];
        var min=Math.floor(oTs.innerHTML%3600);
        time.innerHTML = Math.floor(oTs.innerHTML/3600) + "时" + Math.floor(min/60) + "分"+ oTs.innerHTML%60 + "秒";
        
    }
登录后复制

效果图:

bc80f9d3ab6f8b542002a322206d57b.png

当然这种直接将秒转化为时分秒的例子应该不多,但是其宗旨还是用到取模,主要的思路不变。

【推荐学习:javascript高级教程

以上是javascript怎么实现秒转时间的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板