有关JS控制时间的几个小Demo
一、Document自带的定时和延时方法:
循环运行:var timeid = window.setInterval(“方法名或方法”。“延时”);window.clearInterval(timeid);
定时运行:var tmid = window.setTimeout(“方法名或方法”, “延时”);window.clearTimeout(tmid);
比方:
//循环运行,每隔3秒钟运行一次showalert()
window.setInterval(showalert, 3000);
function showalert()
{
alert(fullyear+"-"+month+"-"+date+" "+hours+"-"+minutes+"-"+seconds);
}
//定时运行,5秒后运行show()
window.setTimeout(show,5000);
function show()
{
alert(fullyear+"-"+month+"-"+date+" "+hours+"-"+minutes+"-"+seconds);
}
二、Date (对象)
Date 对象可以使你获得相对于国际标准时间(格林威治标准时间,如今被称为 UTC-Universal Coordinated Time)或者是 Flash 播放器正执行的操作系统的时间和日期。要使用Date对象的方法,你就必须先创建一个Date对象的实体(Instance)。
Date 对象的方法简单介绍:
·getDate | 依据本地时间获取当前日期(本月的几号)
·getDay | 依据本地时间获取今天是星期几(0-Sunday,1-Monday...)
·getFullYear | 依据本地时间获取当前年份(四位数字)
·getHours | 依据本地时间获取当前小时数(24小时制,0-23)
·getMilliseconds | 依据本地时间获取当前毫秒数
·getMinutes | 依据本地时间获取当前分钟数
·getMonth | 依据本地时间获取当前月份(注意从0開始:0-Jan,1-Feb...)
·getSeconds | 依据本地时间获取当前秒数
·getTime | 获取UTC格式的从1970.1.1 0:00以来的毫秒数
·getTimezoneOffset | 获取当前时间和UTC格式的偏移值(以分钟为单位)
·getUTCDate | 获取UTC格式的当前日期(本月的几号)
·getUTCDay | 获取UTC格式的今天是星期几(0-Sunday,1-Monday...)
·getUTCFullYear | 获取UTC格式的当前年份(四位数字)
·getUTCHours | 获取UTC格式的当前小时数(24小时制,0-23)
·getUTCMilliseconds | 获取UTC格式的当前毫秒数
·getUTCMinutes | 获取UTC格式的当前分钟数
·getUTCMonth | 获取UTC格式的当前月份(注意从0開始:0-Jan,1-Feb...)
·getUTCSeconds | 获取UTC格式的当前秒数
·getYear | 依据本地时间获取当前缩写年份(当前年份减去1900)
·setDate | 设置当前日期(本月的几号)
·setFullYear | 设置当前年份(四位数字)
·setHours | 设置当前小时数(24小时制,0-23)
·setMilliseconds | 设置当前毫秒数
·setMinutes | 设置当前分钟数
·setMonth | 设置当前月份(注意从0開始:0-Jan,1-Feb...)
·setSeconds | 设置当前秒数
·setTime | 设置UTC格式的从1970.1.1 0:00以来的毫秒数
·setUTCDate | 设置UTC格式的当前日期(本月的几号)
·setUTCFullYear | 设置UTC格式的当前年份(四位数字)
·setUTCHours | 设置UTC格式的当前小时数(24小时制,0-23)
·setUTCMilliseconds | 设置UTC格式的当前毫秒数
·setUTCMinutes | 设置UTC格式的当前分钟数
·setUTCMonth | 设置UTC格式的当前月份(注意从0開始:0-Jan,1-Feb...)
·setUTCSeconds | 设置UTC格式的当前秒数
·setYear | 设置当前缩写年份(当前年份减去1900)
·toString | 将日期时间值转换成"日期/时间"形式的字符串值
·Date.UTC | 返回指定的UTC格式日期时间的固定时间值
以下是使用Date的一个案例:
<span style="white-space:pre"> </span>var myDate = new Date();
var year = myDate.getYear(); //获取当前年份(2位)
var fullyear = myDate.getFullYear(); //获取完整的年份(4位,1970-???? )
var month = myDate.getMonth()+1; //获取当前月份(0-11,0代表1月)
if(month<10){
month = "0"+month;
}
var date = myDate.getDate(); //获取当前日(1-31)
if(date<10){
date = "0"+date;
}
var day = myDate.getDay(); //获取当前星期X(0-6,0代表星期天)
var time = myDate.getTime(); //获取当前时间(从1970.1.1開始的毫秒数)
var hours = myDate.getHours(); //获取当前小时数(0-23)
if(hours<10){
hours = "0"+hours;
}
var minutes = myDate.getMinutes(); //获取当前分钟数(0-59)
if(minutes<10){
minutes = "0"+minutes;
}
var seconds = myDate.getSeconds(); //获取当前秒数(0-59)
if(seconds<10){
seconds = "0"+seconds;
}
var millisenconds = myDate.getMilliseconds(); //获取当前毫秒数(0-999)
var localeDateString = myDate.toLocaleDateString(); //获取当前日期
var mytime=myDate.toLocaleTimeString(); //获取当前时间
var localeString = myDate.toLocaleString(); //获取日期与时间
作者:伫望碧落 出处:http://blog.csdn.net/cl05300629
有关JS控制时间的几个小Demo的更多相关文章
- js控制时间显示格式
Date.prototype.Format = function (fmt) { //author: meizz var o = { "M+": this.g ...
- js+canvas(H5)实现小球移动小demo
*canvas提供画布,大小自定义,js得到画布,从画布对象通过getContext('2d')来得到画笔,然后就可以开始画了 代码: <!DOCTYPE html> <html l ...
- 今天的学习——关于JS时间获取方面的小问题
①JS获取时间 var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1 ...
- 关于JS的时间控制实现动态效果及实例操作
关于JS的时间控制 <script> BOM //Bowers Object Model 浏览器对象模型 setTimeout()// 延迟执行一次 ...
- 客户端JS性能的一些优化的小技巧
下面是一些关于客户端JS性能的一些优化的小技巧:1.[顶]关于JS的循环,循环是一种常用的流程控制.JS提供了三种循环:for(;;). while().for(in).在这三种循环中 for(in) ...
- BeautyWe.js 一套专注于微信小程序的开发范式
摘要: 小程序框架... 作者:JerryC 原文:BeautyWe.js 一套专注于微信小程序的开发范式 Fundebug经授权转载,版权归原作者所有. 官网:beautywejs.com Repo ...
- JS控制flash的方法
JS控制flash的一些方法:Play() ---------------------------------------- 播放动画 StopPlay()---------------------- ...
- js控制页面显示和表单提交
早期的web页面在显示方面一般在后台进行控制,虽然对后台开发来讲是比较容易做到的,但是涉及到一个问题,那就是数据库压力. 因为要控制显示,所以会比较频繁的从数据库中来回调用. 现在的js功能越来越强, ...
- js控制tr 隐藏 显示
tr td 外面不要套div <tr> <td>排期确定结果: </td> <td> <label class="liradio&quo ...
随机推荐
- Linux系列教程(十六)——Linux权限管理之ACL权限
通过前面的两篇博客我们介绍了Linux系统的用户管理,Linux用户和用户组管理之相关配置文件 讲解了用户管理的相关配置文件,包括用户信息文件/etc/passwd,用户密码文件/etc/shadow ...
- [转载] Bitmap的秘密
转载自http://www.infoq.com/cn/articles/the-secret-of-bitmap/ 之前已经参加过几次QCon峰会,不过今年QCon 2014 上海峰会对我来说比较特别 ...
- vimgdb安装以及使用
vimgdb安装 vim-7.3.tar.bz2http://www.vim.org/sources.phpvimgdb-for-vim7.3 (this patch) https://github. ...
- MySQL相关的书籍
http://item.jd.com/11389754.htmlhttp://item.jd.com/11390423.html http://item.jd.com/11398721.html
- Python之matplotlib学习(三)
例子11-1:横坐标时间的处理 from matplotlib.dates import datestr2num,DateFormatter import matplotlib.dates as da ...
- StackExchange.Redis学习笔记(三) 数据库及密码配置 GetServer函数
这一章主要写一些StackExchange.Redis的配置及不太经常用到的函数 数据库连接 下面是我的连接字符串,里面指定了地址,密码,及默认的数据库 Redis启动后默认会分成0-15个数据库,不 ...
- Redis使用说明详解
原博主地址:http://www.cnblogs.com/wangyuyu/p/3786236.html Redis使用详细教程 一.Redis基础部分: 1.redis介绍与安装比mysql快10倍 ...
- Web App适配iPhoneX
前言 Iphone每次退出新尺寸的手机都会掀起一番适配风波,这次没有下巴但有刘海的iPhoneX更是如此,网传横屏下的适配动画更是令不少人汗颜. 其实对于Native App来说,适配并不算困难(当然 ...
- 十二、Hadoop学习笔记————Hive的基本原理
一般用户用CLI(命令行界面)接口,元数据库含有表结构 单用户.多用户.远程服务 生成db文件,只能单客户端使用数据库 多用户是最常用的使用模式 配置与多用户一致 数据格式用户自定义 所有的表都存于改 ...
- 京东分布式缓存redis应用实战
互联网应用特点三高:高并发.高可用.高性能,要达到这几个目标,好的方法方式是建立相应指标, 来进行准确描述,有了准确指标进行监控,方能易于实现我们设定目标. 先将指标介绍下,方便下面相关术语使用,qp ...