html中显示秒为字符串怎么转换成时时分分秒秒

html-css012

html中显示秒为字符串怎么转换成时时分分秒秒,第1张

你好,我写了一个 秒 => 时分秒 的函数,是前台Javascript的代码,请参考:

function sToHms(s){

  s = Math.floor(s)  //如果输入的是浮点数,则舍弃小数位

  

  var h = Math.floor(s/3600)  //计算得出小时数

  if(h<10){  //调整为两位数的格式

    h = '0'+h

  }

  

  var m = Math.floor(s/60-h*60)  //计算得出分钟数

  if(m<10){  //调整为两位数的格式

    m = '0'+m

  }

  

  var s = s%60  //计算得出剩下的秒数

  if(s<10){  //调整为两位数的格式

    s = '0'+s

  }

  

  return h+':'+m+':'+s  //最后连接成字符串并返回

}

调用方法

sToHms(3600)  //将会返回 01:00:00

如果你是需要PHP直接在后台就转化,也可以按照这个函数的思路改写成PHP代码。

没有图片看不出什么效果,你可以在浏览器打开按F12看看div的大小有没有设置正确!

时间代码如下:

<script type="text/javascript">

function showTime()

{

 var myDate=new Date()  //定义日期与时间变量

 var hour=myDate.getHours()

 var minutes=myDate.getMinutes()

 var seconds=myDate.getSeconds()

 if(hour<10)

  hour="0"+hour

 if(minutes<10)

  minutes="0"+minutes

 if(seconds<10)

  seconds="0"+seconds

 document.getElementById("time").innerHTML="北京时间:"+hour+":"+minutes+":"+seconds  

 setTimeout("showTime()",1000) 

}

window.onload=showTime   

</script>

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>demo</title> <script> window.onload = function(){ var monitor = document.getElementById('monitor') setInterval(function(){ var now = new Date() monitor.innerHTML = now.getHours()+':'+now.getMinutes()+':'+now.getSeconds() },1000) } </script></head><body> <div id="monitor"></div></body></html>