js 记录9 获取当前时间，并将gmt转换成普通时间

最新推荐文章于 2023-08-03 10:48:26 发布

WMY10001

最新推荐文章于 2023-08-03 10:48:26 发布

阅读量560

点赞数

分类专栏：前端

前端专栏收录该内容

20 篇文章

订阅专栏

博客提供了完整的HTML和JS代码链接，还针对jQuery内函数无法运行、$(...).html不是函数等问题给出解决方法，如将'getTime();'改成getTime，把function getTime(){}改成getTime = function(){}，将$改成jQuery等，最终实现时间按当前时间不断跳动的效果。

完整html+js代码：https://www.cnblogs.com/lytwajue/p/7142644.html

html

<div id="showDate"></div>

<script type="text/javascript">
	$(function(){
		setInterval("getTime();",1000); //每隔一秒运行一次
	})
	//取得系统当前时间
	function getTime(){
		var myDate = new Date();
		var date = myDate.toLocaleDateString();
		var hours = myDate.getHours();
		var minutes = myDate.getMinutes();
		var seconds = myDate.getSeconds();
		$("#showDate").html(date+" "+hours+":"+minutes+":"+seconds); //将值赋给div
	}
</script>

修改jq：

// document.getElementById("displayDate").innerHTML=Date();
$(function(){
	setInterval(getTime,1000); //每隔一秒运行一次
})
//取得系统当前时间
function getTime(){
	var myDate = new Date();
	var date = myDate.toLocaleDateString();
	var hours = myDate.getHours();
	var minutes = myDate.getMinutes();
	var seconds = myDate.getSeconds();
	jQuery("#displayDate").html(date+" "+hours+":"+minutes+":"+seconds); //将值赋给div
}

参考：

Q:JQUERY内定义的函数，不能运行，提示not defined?

>方法一：

https://bbs.youkuaiyun.com/topics/392519946?list=31152598

把"getTime();"改成getTime

>方法二：

https://blog.youkuaiyun.com/m0_38005162/article/details/80477824

函数名 = function ()，把function getTime(){}改成getTime = function(){}

Q:$(...).html is not a function

A:https://ask.youkuaiyun.com/questions/386604

把$改成jQuery就行了

效果：