实现功能:实时获取系统时间,并将时间显示出来。将时间和数据格式化再计算
1,获取系统时间并随意组合
<span style="font-size:14px;"><script language="javascript">
function showtime(){
var now=new Date(); //创建Date对象
var year=now.getFullYear(); //获取年份
var month=now.getMonth(); //获取月份
var date=now.getDate(); //获取日期
var day=now.getDay(); //获取星期
var hour=now.getHours(); //获取小时
var minu=now.getMinutes(); //获取分钟
var sec=now.getSeconds(); //获取秒钟
month=month+1;
var arr_week=new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
var week=arr_week[day]; //获取中文的星期
<span style="color: rgb(255, 0, 0);">var time=year+"年"+month+"月"+date+"日 "+week+" "+(hour>9?'':'0')+hour+":"+(minu>9?'':'0')+minu+":"+(sec>9?'':'0')+sec;</span> //组合时间
<span style="color: rgb(255, 0, 0);">$("#clock").html(time);</span><span style="color: rgb(102, 102, 204);"> </span>//显示系统时间
}
$(function () {
<span style="color: rgb(255, 0, 0);">window.setInterval("showtime()", 1000);</span> //实时获取并显示系统时间
});
</script></span>
说明:(1)var time=year+"年"+month+"月"+date+"日 "+week+" "+hour+":"+minu+":"+sec;
显示时间为:2016年5月13日 星期五 9:3:10
(2)var time=year+"年"+month+"月"+date+"日 "+week+" "+(hour>9?'':'0')+hour+":"+(minu>9?'':'0')+minu+":"+(sec>9?'':'0')+sec;
显示时间为:2016年5月13日 星期五 09:03:10
(3) var time=year+"年"+month+"月"+date+"日<br> "+week+" "+(hour>9?'':'0')+hour+":"+(minu>9?'':'0')+minu+":"+(sec>9?'':'0')+sec;
显示时间为:2016年5月13日
星期五 09:03:10
2,在页面上显示出来
<span style="font-size:18px;"><span id="clock" ></span></span>
1,截取字符串:
<span style="font-size:14px;"> String day = this.finishTime.substring(6, 8);
String month = this.finishTime.substring(4, 6);
String year = this.finishTime.substring(0, 4);
this.finishTimeString = (day + "-" + month + "-" + year);</span>
说明:finishTime = 20160416
finishTimeString = 29-04-2016
substring语法
stringObject.substring(start,stop)
参数 | 描述 |
---|---|
start | 必需。一个非负的整数,规定要提取的子串的第一个字符在 stringObject 中的位置。 |
stop | 可选。一个非负的整数,比要提取的子串的最后一个字符在 stringObject 中的位置多 1。 如果省略该参数,那么返回的子串会一直到字符串的结尾。 |
2, 格式化数据
(1) 日期: SimpleDateFormat d = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
String nowtime = d.format(new Date());
(2) 数字: DecimalFormat decimalFormat = new DecimalFormat("##0.0");
float Erate = Float.parseFloat(decimalFormat.format(this.DoneQTY * 100.0F / this.PlanQTY));
参考资料:
1,jsp实现页面实时显示当前系统时间的方法_JSP编程_脚本之家 http://www.jb51.net/article/40907.htm
2,jsp页面中两种方式显示当前时间 - waiting的专栏 - 博客频道 - CSDN.NET http://blog.csdn.net/liunian02050328/article/details/8017091
3,JavaScript substring() 方法 http://www.w3school.com.cn/jsref/jsref_substring.asp
4,SimpleDateFormat使用详解 - gubaohua的专栏 - 博客频道 - CSDN.NET http://blog.csdn.net/gubaohua/article/details/575488
5,simpleDateFormat日期格式转换 - hanchaob323的专栏 - 博客频道 - CSDN.NET http://blog.csdn.net/hanchaob323/article/details/7371731