javascript当前时间加一
2011-07-30 16:26:27 iteye_20011 阅读数 24

var date = new Date();
var d = "";
var t = date.getFullYear() + "年" + (date.getMonth() + 1) + "月" + date.getDate() + "日" + date.getHours() + "时" + date.getMinutes() + "分";//date.getSeconds() + "秒"
var nowtime = date.getHours() + "时" + date.getMinutes() + "分";

if (date.getHours() < 8) {
	d = "早晨";
} else if (date.getHours() < 12) {
	d = "上午";
} else if (date.getHours() < 18) {
	d = "下午";
} else {
	d = "晚上";
}
 
2012-03-17 10:26:51 fuyoucheng 阅读数 254
 
var date=new Date();
var year="",month="",day="",week="",hour="",minute="",second="";
year=date.getYear();
month=date.getMonth()+1;
day=date.getDate();
week=date.getDay();
switch (date.getDay()) {
case 0:val="星期天";break
case 1:val="星期一";break
case 2:val="星期二";break
case 3:val="星期三";break
case 4:val="星期四";break
case 5:val="星期五";break
case 6:val="星期六";break
}
hour=date.getHours();
minute=date.getMinutes();
second=date.getSeconds();
timetable.innerText=" "+year+"年"+month+"月"+day+"日"+hour+":"+minute+":"+second+" "+val;

2018-09-15 20:38:10 suorce 阅读数 63

网页上显示日期时间,就只需要创建一个Date对象,我们就可以完成时间的实现,但这个时间却是固定的。那是因为当页面加载完数据之后,这个时间就是固定的了,所以我们要每秒显示一次时间,这样时间就能实时更新了。

核心代码

//设置定时器     
setInterval(function() {
    document.getElementById("nowTime").innerHTML = getNowTime()
}, 1000)

是不是很简单,这就是一个定时器,通过每过一秒显示一次时间,这样就可以更新时间了

完整代码

<!DOCTYPE html>
<html>
<head>
    <title>显示当前时间</title>
</head>
<script type="text/javascript">
    window.onload  = () => {
        //设置星期数
        const getWeekDay = (week) => {
            weekday = null
            if(week == "1") {
                weekday == "星期一"
            }
            else if (week == "2") {
                weekday = "星期二"
            }
            else if (week == "3") {
                weekday = "星期三"
            }else if (week == "4") {
                weekday == "星期四"
            }else if (week == "5") {
                weekday = "星期五"
            }else if (week == "6") {
                weekday = "星期六"
            }else if(week == "7") {
                weekday = "星期日"
            } 
            return weekday
        }
        const getNowTime = () => {
            //获取当前时间
            var date = new Date()
            //设置日期格式
            var nowtime = date.getFullYear() + "年"
                + (date.getMonth() + 1) + "月"
                + date.getDate() + "日"
                + "<br/>"
                + getWeekDay(date.getDay())
                + "<br/>"
                + date.getHours() + ":"
                + date.getMinutes() + ":"
                + date.getSeconds()
            return nowtime
        }
        //设置定时器,每过一秒显示当前时间
        setInterval(function() {
            document.getElementById("nowTime").innerHTML = getNowTime()
        }, 1000)
    }
</script>
<body>
    <h2>显示当前时间</h2>
    <p id="nowTime"></p>
</body>
</html>
2019-04-30 15:37:02 weixin_38722500 阅读数 17
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>当前系统时间</title>
<script type="text/javascript">
  window.onload = function(){ //页面加载完成时实现
    showTime();
  }
  function checkTime(i){  //补位处理
     if(i<10){
         i="0"+i;
     } 
     return i;
  }
  function showTime(){ //时间显示函数
    var now=new Date(); //创建一个Date对象
    var year= now.getFullYear() ; //年
    var month=now.getMonth()+1 ; //月份(从0开始),所以+1
    var date= now.getDate()  ; //日(1-31)
    var day=now.getDay();  //星期(0-6)
    var h= now.getHours()  ; //小时(0-23)
    var m= now.getMinutes()  ;  //分钟(0-59)
    var s=  now.getSeconds()  ;  //秒
    m=checkTime(m) 
    s=checkTime(s)
    var weekday=new Array(7)  //星期数进一处理
    weekday[0]="星期日";
    weekday[1]="星期一";
    weekday[2]="星期二";
    weekday[3]="星期三";
    weekday[4]="星期四";
    weekday[5]="星期五";
    weekday[6]="星期六";
    document.getElementById("show").innerHTML=""+year+"年"+month+"月"+date+"日 "+ weekday[day] +h+":"+m+":"+s;
    t=setTimeout('showTime()',1000)  //设置定时器,每隔1s调用一次函数从而实现动态效果
  }
</script>
</head>
<body>
<div class="showTime">
  <div id="show">当前时间为:</div>
</div>
</body>
</html>

动态时间显示 javascript

2012-04-15 00:25:50 tengdazhang770960436 阅读数 363
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		<title>Untitled Document</title>
	</head>
	<body>
		<script type="text/javascript">
			//返回当前日期和时间
			document.write(Date()+"<br/>");
			//getTime()
			var d = new Date();
			document.write(d.getTime()+"<br/>");
			//获取带时区的时间
			d.setFullYear(2011,0,12);
			document.write(d+"<br/>");
			//显示时钟
			var d1 = new Date();
			var h = d1.getHours();
			var m = d1.getMinutes();
			var s = d1.getSeconds();
			if(h<10){
				h="0"+h;
			}
			if(m<10){
				m="0"+m;
			}
			if(s<10){
				s="0"+s;
			}
			document.write("now time   "+h+":"+m+":"+s+"<br/>");
			//返回5天后的日期
			var d2 = new Date();
			d2.setDate(d2.getDate()+5);
			document.write(d2+"<br/>");
		</script>
	</body>
</html>

JAVASCRIPT动态显示当前时间

阅读数 372

新闻文件名为:time.htm代码:当前时间是:   setInterval("document.all.sTime.innerText=new  Date().toLocaleString()",1000) 保存即可运行。 

博文 来自: hannah_happy

JavaScript显示当前时间

阅读数 24

&lt;head&gt;&lt;metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/&gt;&lt;title&gt;系统时间的显示&lt;/title&gt;&lt;scripttype="text/javascript"&gt;functiongetDate()

博文 来自: iteye_15968

JavaScript显示当前时间

阅读数 5

(setInterval的运用)实现效果:在文本框内显示实时的时间183616.jpg附上代码:<!DOCTYPEHTML><html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"&...

博文 来自: weixin_34306593

javaScript获得当前时间

阅读数 304

varnow=newDate();now.getYear();      //获取当前年份(2位)now.getFullYear();  //获取完整的年份(4位,1970-????)now.getMonth();     //获取当前月份(0-11,0代

博文 来自: xjpalyf

JavaScript显示当前时间

阅读数 671

head>metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>title>系统时间的显示title>scripttype="text/javascript">   functiongetDate(){      window.setInterval("setDate()",1000)

博文 来自: Solidwang
没有更多推荐了,返回首页