javascript语法之Date对象与小案例
2016-05-23 08:00
761 查看
<!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> <script type="text/javascript"> /* 日期对象(Date) */ var date = new Date(); //获取到当前的系统时间 document.write("年:"+ date.getFullYear()+"<br/>"); document.write("月:"+ (date.getMonth()+1)+"<br/>"); document.write("日:"+ date.getDate()+"<br/>"); document.write("时:"+ date.getHours()+"<br/>"); document.write("分:"+ date.getMinutes()+"<br/>"); document.write("秒:"+ date.getSeconds()+"<br/>"); //xxxx年yy月dd日 hh:mm:ss //document.write("当前时间是:"+date.toLocaleString()); document.write("当前时间是:"+date.getFullYear()+"年"+(date.getMonth()+1)+"月"+date.getDate()+"日 "+ date.getHours()+":"+date.getMinutes()+":"+date.getSeconds()); </script> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> </body> </html>
案例:时间表。
<!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> 当前系统时间:<span id="time"></span> </body> <script type="text/javascript"> //把script放在后边的原因,保证调用<span style="font-family: Arial, Helvetica, sans-serif;">document.getElementById("time");不会报错。如果放在前面浏览器每解析到time的id就会报错。</span> function getCurrentTime(){ //获取到当前的系统时间 var date = new Date(); //把当前系统时间拼装成我指定的格式。 var timeInfo = date.getFullYear()+"年"+(date.getMonth()+1)+"月"+date.getDate()+"日 "+ date.getHours()+":"+date.getMinutes()+":"+date.getSeconds(); //找span对象 var spanObj = document.getElementById("time"); //设置span标签体的内容 spanObj.innerHTML = timeInfo.fontcolor("red"); } getCurrentTime(); //定时方法. window.setInterval("getCurrentTime()",1000); /* setInterval 定时方法,第一个参数要指定调用的代码,第二参数是每 隔指定的毫秒数调用指定的代码。*/ </script> </html>
相关文章推荐
- LayaAir引擎开发(基于JS开发)
- GsonFormat使用方法详解(一键解决复杂JSON)
- js出现allocation size overflow以及字符串拼接优化
- JS
- js个人笔记
- 利用原生JSON对象,将对象转为字符串
- js 点击事件处理
- javascript换算日期,js增加子级时间自动改变父级时间
- Newtonsoft.Json(Json.Net)学习笔记
- Jsp
- js 选取日期控件
- 使用Gson进行Json解析
- javaScript中的static类型数据
- 从零开始jsp旅行-准备背包
- JavaScript按照对象的某个属性进行排序
- 轻量级的数据交换语言(JSON)
- 如何引用自定义标签库中的tld文件
- JS学习17(JSON)
- Jsp基础
- JavaScript设计模式与开发实践 - 单例模式