利用js实现显示动态的时间

释放双眼,带上耳机,听听看~!

演示效果

实现显示动态的时间思路

1、获取当前时间

var date = new Date();

var hqtime = date.toLocaleString();

2、利用setInterval() 定时器实现每秒执行一次函数

setInterval('showtime()',1000);

3、将动态时间显示到页面上

获取div标签并写入元素中

实现显示动态的时间demo代码

<meta charset="UTF-8">
<script>
function showtime(){
		// 获取当前时间
		var sj = new Date();
		// 格式化时间到本地
		$date = sj.toLocaleString();
		//获取div元素
		var div1 = document.getElementById("shijian");
		// 将时间写入到获取的DIV中
		div1.innerHTML = $date;
}
//使用定时器每秒向div写入当前时间
setInterval('showtime()',1000);
</script>

<div id="shijian">
</div>

JS获取当前时间的年、月、日、时间

var date = new Date();

date .getYear(); //获取当前年份(2位)

date .getFullYear(); //获取完整的年份(4位)

date .getMonth(); //获取当前月份(0-11,0代表1月)

date .getDate(); //获取当前日(1-31)

date .getDay(); //获取当前星期X(0-6,0代表星期天)

date .getTime(); //获取当前时间(从1970.1.1开始的毫秒数)

date .getHours(); //获取当前小时数(0-23)

date .getMinutes(); //获取当前分钟数(0-59)

date .getSeconds(); //获取当前秒数(0-59)

date .getMilliseconds(); //获取当前毫秒数(0-999)

date .toLocaleDateString(); //获取当前日期

var mytime=date .toLocaleTimeString(); //获取当前时间

date .toLocaleString( ); //获取日期与时间

 

为TA充电
共{{data.count}}人
人已赞赏
SEO建站

百度站长提交URL后网站或网页一般多久能收录?

2021-7-27 9:25:11

SEO建站

【WordPress免费主题】YzmCMS全新轻爽极简风格主题模版(Eric v1.0)

2020-6-28 22:19:15

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索