Javascript实时更新时间代码

日期:2015-09-01 15:52:39

JS代码部分

function getTimes() {
    var d = new Date(); //定义时间对象
    var year = d.getFullYear(); //返回年份
    var month = d.getMonth() + 1; //返回月份
    var day = d.getDate(); //返回日期
    var dayofweek = d.getDay();//返回星期索引
    var huors = d.getHours(); //返回小时
    var minutes = d.getMinutes(); //返回分钟
    var seconds = d.getSeconds(); //返回秒
    var arr_week = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];//定义星期数组
    var week = arr_week[dayofweek];//获取今天星期几
    if (month <= 9) month = "0" + month;//如果月份小于9,在前面加0
    if (day <= 9) day = "0" + day;//如果天数小于9,在前面加0
    if (huors <= 9) huors = "0" + huors;//如果小时小于9,在前面加0
    if (minutes <= 9) minutes = "0" + minutes;//如果分钟小于9,在前面加0
    if (seconds <= 9) seconds = "0" + seconds;//如果秒数小于9,在前面加0
    var times ="今天是:" + year + "年" + month + "月" + day + "日" +week+  huors + ":" + minutes + ":" + seconds;
    
    // document.getElementById("time").innerHTML = times;//把获得的时间展示在ID为time的input元素的value值上JS写法
    $("#time").val(times);//把获得的时间展示在ID为time的input元素的value值上//Jquery写法
    // document.write(times);
    setTimeout(getTimes, 1000);//每隔一秒调用一次getTimes函数
}
getTimes();//调用实时刷新时间函数

HTML代码部分

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Demo</title>
    <link rel="stylesheet" href="css/screen.css">
    <script src="js/jquery.min.js"></script>
</head>

<body>
    <input type="text" id="time" class="time">
    <script src="js/date.js"></script>
</body>

</html>

其中函数放在date.js中.