js实现动态获取系统时间，显示到页面上

正文 3051字数 113,059阅读

获取系统时间

                //获取系统时间。
                var dateTime=new Date();
                var hh=dateTime.getHours();
                var mm=dateTime.getMinutes();
                var ss=dateTime.getSeconds();

Run code

Cut to clipboard

显示时间到页面

                //将时间显示到ID为time的位置，时间格式形如：19:18:02
                document.getElementById("time").innerHTML=hh+":"+mm+":"+ss;

Run code

Cut to clipboard

完整示例


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Lottery System</title>
</head>

<script type="text/javascript">
        //获取系统时间，将时间以指定格式显示到页面。
        function systemTime()
        {
                //获取系统时间。
                var dateTime=new Date();
                var hh=dateTime.getHours();
                var mm=dateTime.getMinutes();
                var ss=dateTime.getSeconds();
                
                //分秒时间是一位数字，在数字前补0。
                mm = extra(mm);
                ss = extra(ss);
                
                //将时间显示到ID为time的位置，时间格式形如：19:18:02
                document.getElementById("time").innerHTML=hh+":"+mm+":"+ss;
                
                //每隔1000ms执行方法systemTime()。
                setTimeout("systemTime()",1000);
        }
        
        //补位函数。
        function extra(x)
        {
                //如果传入数字小于10，数字前补一位0。
                if(x < 10)
                {
                        return "0" + x;
                }
                else
                {
                        return x;
                }
        }
</script>

<body onload="systemTime()">
        <div id="time">
        </div>
</body>
</html>

Run code

Cut to clipboard

这里我有段代码，但是必须在body属性里设置onload

我只想在li属性里显示，也就是菜单里


<script language="javascript" type="text/javascript">   

  var initializationTime=(new Date()).getTime();   
  function showLeftTime()   
  {   
  var now=new Date();   
    
  var hours=now.getHours();   
  var minutes=now.getMinutes();   
  var seconds=now.getSeconds();   
  document.all.show.innerHTML=hours+":"+minutes+":"+seconds;   
    
  var timeID=setTimeout(showLeftTime,1000);   
  }   

</script>

</head>
<body onload="showLeftTime()">  

<span id="show"></span>
</body>

Run code

Cut to clipboard

为什么用div呢,为了选择位置来放，


<div id="名称"> 
<script language=Javascript> 
var now=new Date() 
document.write(1900+now.getYear()+"-"+(now.getMonth()+1)+"-"+now.getDate()+" "+now.getHours()+":"+now.getMinutes()+":"+now.getSeconds()) 
</script> 
</div>

Run code

Cut to clipboard

lizhenqiu blog

js实现动态获取系统时间，显示到页面上

相关日志

暂无评论 »

留下評論