javascript 显示当前时间 练习01
2016-08-30 15:00
267 查看
<!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>
<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>
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- 最后一次说说闭包
- Ajax
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 对一个分号引发的错误研究
- 设计模式---状态模式在web前端中的应用
- 异步流程控制:7 行代码学会 co 模块
- ES6 走马观花(ECMAScript2015 新特性)
- JavaScript拆分字符串时产生空字符的原因
- Canvas 在高清屏下绘制图片变模糊的解决方法
- Redux系列02:一个炒鸡简单的react+redux例子