`

用jQuery写的好的动态显示本机时间的代码

 
阅读更多

别的不说了,直接送上代码

 

<!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>
<script language="javascript" src="jquery-1.4.2.min.js"></script>
<script language="javascript">
	$(function(){
		//setInterval("$('#currentTime').text(new Date().toLocalsString());",1000);
		setInterval(function(){
			$("#currentTime").text(new Date().toLocaleString());
		},1000);
	});
</script>
</head>

<body>
<div id="currentTime"></div>
</body>
</html>
 

但是这个有一个浏览器兼容的问题,在火狐里面展示的和在谷歌展示的不一样,现在就在这两个浏览器上测试了,显示本机时间没问题,放心用吧

分享到:
评论

相关推荐

    jQuery动态响应式时间轴代码

    【jQuery动态响应式时间轴代码】是一款用于创建交互式、自适应浏览器宽度的垂直时间轴网页特效的jQuery插件。这个代码实现的核心在于利用jQuery的灵活性和强大的DOM操作能力,结合现代前端技术,实现了在不同屏幕...

    jQuery手机端预约时间选择代码

    《jQuery手机端预约时间选择代码详解》 在移动互联网飞速发展的今天,用户对移动端交互体验的要求越来越高,其中,时间选择功能是许多应用不可或缺的一部分。本文将深入解析一款基于jQuery的手机端预约时间选择代码...

    jQuery动态垂直时间轴代码.zip

    【jQuery动态垂直时间轴代码】是一个适用于Web开发的资源,主要功能是创建一个响应式的、动态展示事件的时间线。在网页设计中,时间轴常用于梳理历史事件、项目进度或者重要日期,使得信息呈现更加清晰有序。这个...

    jQuery简单动态的响应式垂直时间轴代码

    jQuery作为一个广泛使用的JavaScript库,提供了丰富的功能和便捷的API,使得创建动态、响应式的时间轴变得更为简单。本文将深入探讨如何使用jQuery实现一个简单动态的响应式垂直时间轴。 首先,我们需要理解响应式...

    jQuery动态文字随机显示代码.zip

    本资源"jQuery动态文字随机显示代码.zip"提供了一种实现文字特效的方法,常见于网站头部标语或者宣传语的动态展示,以吸引用户的注意力并增加页面的视觉趣味性。 首先,我们要理解jQuery如何实现动态文字效果。在...

    jQuery鱼骨图时间趋势图代码.zip

    《jQuery实现鱼骨图时间趋势图的代码解析》 在数据可视化领域,鱼骨图(也称为Ishikawa图或因果图)是一种常见的图表类型,用于展示问题的原因与结果之间的关系。它以其形状类似鱼的骨架而得名。在这个项目中,...

    jQuery动态响应式时间轴代码.zip

    本篇文章将围绕“jQuery动态响应式时间轴代码”这一主题进行深入解析,帮助开发者理解和应用此类代码。 首先,我们要明确jQuery是什么。jQuery是一款广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画...

    jQuery手机移动端弹窗下拉菜单选择代码.zip

    本篇文章将深入探讨如何利用jQuery实现手机移动端的弹窗下拉菜单选择功能,并基于提供的"jQuery手机移动端弹窗下拉菜单选择代码.zip"文件进行解析。 首先,我们来看核心文件结构。压缩包中的文件包括`index.html`...

    jQuery抽奖游戏机代码.zip

    本篇将详细解析一个基于jQuery实现的三排图标上下翻滚的抽奖游戏机代码,帮助开发者理解和运用这一技术。 一、jQuery基础介绍 jQuery是一个高效、简洁且功能丰富的JavaScript库,它简化了HTML文档遍历、事件处理、...

    jQuery水平横向时间轴历程代码.zip

    本篇文章将详细解析“jQuery水平横向时间轴历程代码”,帮助读者理解并掌握这一实用技巧。 首先,我们要明确这个代码的核心功能:创建一个带有左右箭头控制的时间轴,用户可以通过点击箭头来滚动查看入职经历或其他...

    jQuery随手狂欢手机抽奖代码.zip

    本篇文章将详细解析“jQuery随手狂欢手机抽奖代码”,这是一套基于jQuery实现的2019年随手狂欢手机商城的九宫格抽奖专题页面模板。 首先,我们要了解jQuery的核心优势。jQuery是一个快速、简洁的JavaScript库,它...

    jQuery水平时间轴样式代码.zip

    【jQuery水平时间轴样式代码】是一种使用JavaScript库jQuery创建的前端设计元素,它将用户活动信息展示为一种直观且吸引人的水平线性时间轴。这种设计模式在网站中被广泛用于展示历史事件、项目进度或者用户的行为...

    jQuery图文切换时间轴代码.zip

    总的来说,"jQuery图文切换时间轴代码"是一个将jQuery的事件处理、DOM操作和动画效果巧妙结合的例子,它展示了如何用简洁的代码实现动态的、交互式的网页元素。理解并掌握这一技术,对于提升网页的用户体验和交互...

    jQuery会员等级进度条显示代码

    **jQuery会员等级进度条显示代码**是一款用于网页中展示用户会员等级进度的动态效果插件。这个代码利用了JavaScript库jQuery的高效能和简洁语法,为用户提供了吸引人的视觉体验。当用户的消费金额达到特定等级时,...

    jQuery写的贪吃蛇

    【jQuery写的贪吃蛇】项目是一个使用JavaScript库jQuery实现的经典游戏——贪吃蛇。这个项目展示了如何利用jQuery的事件处理、DOM操作以及动画效果来构建一个互动性游戏。以下是关于这个项目的详细知识点: 1. **...

    jQuery手机移动端时分秒时间选择插件

    这款插件是基于流行的JavaScript库jQuery构建的,jQuery以其简洁的API和强大的DOM操作能力而闻名,使得开发者能够快速实现动态和交互的Web功能。 首先,我们要理解jQuery的基本概念。jQuery是一个轻量级的...

    jQuery抓娃娃机游戏代码.zip

    《jQuery实现的抓娃娃机游戏代码详解》 在网页游戏中,抓娃娃机模拟器是一种深受玩家喜爱的互动体验。利用jQuery这一强大的JavaScript库,开发者可以轻松地创建出具有动态效果和用户交互性的抓娃娃机游戏。本文将...

    jquery 动态示例

    16. jQuery动态切换网页背景的大块图片的导航栏代码 17. jquery图文排行混合互相切换效果(仿Vancl效果) 18. jQuery图片插件之鼠标放在图片上出现动态的hover效果插件 19. jQuery图片自动轮播淡入淡出的幻灯插件...

    jquery时间轴插件制作横向时间轴酷炫的时间轴特效

    当页面加载或用户滚动时,可以逐渐显示时间轴上的事件。例如: ```javascript $(window).on('load scroll', function() { var windowPosition = $(window).scrollLeft(); $('#timeline .event').each(function() ...

Global site tag (gtag.js) - Google Analytics