您的位置:首页 > Web前端 > JavaScript

javascript 显示当前时间 练习01

2016-08-30 15:00 417 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

</head>

<body>

<p></p>

<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>

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

$(function(){
function jisuan(i){
if(i<10){
return '0'+i;

}
return i;

}
function showTime(){
var now=new Date();
var year=now.getFullYear();
var month=now.getMonth()+1;
var day=now.getDate();
var h=now.getHours();
var m=now.getMinutes();
var s=now.getSeconds();
m = jisuan(m);
s = jisuan(s);
var weekends = new Array(7);
weekends[1] = '星期一';
weekends[2] = '星期二';
weekends[3] = '星期三';
weekends[4] = '星期四';
weekends[5] = '星期五';
weekends[6] = '星期六';
weekends[7] = '星期日';
$('p').html(year+'年'+month+'月'+day+'日'+h+':'+m+':'+s+weekends[now.getDay()]);
setTimeout(showTime,500);
}
showTime();

})

</script>

</body>

</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  javascript 当前时间