`
webcode
  • 浏览: 6078388 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

Jquery-ajax电子时钟

 
阅读更多

显示一个电子时钟：

2013-2-18 11:15:21

HTML代码：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
    <head>
        <title>电子时钟</title>
        <script type="text/javascript" src="jquery/jquery.js"></script>
    </head>
    <body>
        <center>
            <h1></h1>
        </center>
        <script type="text/javascript">
            function getTime(){
                jQuery.ajax({
                    type: "post",
                    url: "time.php",
                    success:function(req){
                        $("h1").html(req);
                    }
                });
            }
            setInterval("getTime()",1000);
        </script>
    </body>
</html>
PHP代码： 

<?php
    echo date("Y-m-d H:i:s");
?>


分享到：
| python学习（第四章）
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jQuery-汉字时钟.zip

    在本项目中，我们主要探讨的是使用jQuery库创建一个汉字时钟的小实例。jQuery是一个广泛应用于Web开发的JavaScript库，它简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务。通过学习和实践这个案例，我们可以...

    jQuery翻盖动画数字时钟

    jQuery翻盖动画数字时钟是一种基于JavaScript库jQuery实现的创新时钟展示方式，它通过翻转数字的效果来显示当前时间，既有趣又富有交互性。这种时钟设计适合那些希望在网页或应用中添加独特时间显示功能的初学者。...

    jQuery实时节气罗盘时钟代码.zip

    【jQuery实时节气罗盘时钟代码】是一个利用jQuery库创建的互动式节气罗盘时钟项目。这个项目的核心是将传统的时钟与中国的二十四节气相结合，为用户提供一个新颖且富有文化特色的显示时间的方式。它适用于网页设计，...

    jquery+html5时钟插件clock

    jQuery是一个广泛使用的JavaScript库，它简化了DOM操作、事件处理、动画效果和Ajax交互。在时钟插件中，jQuery负责页面元素的选取、事件绑定和动画执行等任务，使得代码更加简洁易懂。 接着，我们来看看HTML5。...

    jQuery数字跟指针时钟一体特效.zip

    在这个"jQuery数字跟指针时钟一体特效.zip"压缩包中，我们看到的是一个结合了数字和指针显示的时钟效果，特别适合用于网页设计，为用户提供直观的时间展示。 这个特效主要涉及以下知识点： 1. **jQuery基础**：...

    jquery-css3-helang-clock-codes_代码helang-clock_helang-clock_html_

    首先，jQuery是一个轻量级的JavaScript库，它简化了DOM操作、事件处理和Ajax交互，使得开发者能更高效地创建交互式的网页应用。在这个时钟罗盘动画中，jQuery主要负责时间的获取、计算以及与DOM元素的交互，确保时钟...

    jquery罗盘时钟代码

    【jQuery罗盘时钟代码详解】 在Web开发中，jQuery是一个强大的JavaScript库，它简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务。本篇将详细讲解如何使用jQuery来实现一个罗盘时钟的代码实例。 首先，...

    jQuery酷炫LED数字时钟.zip

    jQuery使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。...

    jQuery二进制数字时钟代码.zip

    《jQuery二进制数字时钟代码详解》 在IT领域，jQuery是一款广泛使用的JavaScript库，它简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务，极大地提高了开发效率。今天我们将深入探讨一个基于jQuery实现的二...

    jQuery创意圆形罗盘时钟代码.zip

    【jQuery创意圆形罗盘时钟代码】是一款基于jQuery和CSS实现的创新时钟展示效果，它将时间以独特的圆形布局显示，为网页增添视觉吸引力。这个代码实例适用于那些希望在网站上添加个性化时间显示功能的开发者，同时也...

    jQuery CSS3线性时钟插件.zip

    jQuery是一个轻量级的JavaScript库，它简化了DOM操作、事件处理、动画以及Ajax交互等任务。在这款插件中，jQuery用于获取和更新本地时间，并触发CSS3动画来移动指针。例如，使用`$(document).ready()`函数确保时钟在...

    jquery版时钟（css3实现）

    在IT行业中，jQuery是一款非常流行的JavaScript库，它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。本项目“jquery版时钟（css3实现）”是结合了jQuery和CSS3技术来创建一个实时显示当前时间的动态时钟。下面...

    jquery+css3时钟效果.zip

    在本项目中，“jquery+css3时钟效果.zip”是一个包含使用jQuery库和CSS3技术实现的动态时钟效果的压缩文件。这个效果通常用于网页设计，为用户提供一个实时更新的时间展示，提升用户体验。以下是对这个项目的详细...

    jQuery卡片式翻转时钟特效.rar

    【jQuery卡片式翻转时钟特效】是一种利用jQuery库和CSS3技术实现的创新时钟展示方式，它将时间的时、分、秒以卡片的形式进行动态翻转，为网页增添了一种独特的视觉效果。这款特效能够吸引用户注意力，使时间的呈现...

    jQuery带日期的指针时钟特效.zip

    《jQuery带日期的指针时钟特效：JS技术在时间展示中的创新应用》 在现代网页设计中，动态效果已经成为提升用户体验的重要手段。"jQuery带日期的指针时钟特效"是一个巧妙结合了JavaScript（JS）技术和jQuery库，用于...

    jquery 时钟插件制作3款简单的数字时钟表时分秒时钟走动

    本文将深入探讨如何使用 jQuery 创建数字时钟插件，展示3种不同的时钟样式，包括显示时、分、秒动态更新的时钟效果。 1. **基本概念** - **jQuery**: jQuery 是一个轻量级的 JavaScript 库，通过提供简洁的 API，...

    漂亮的jquery时钟效果

    首先，jQuery是一个广泛使用的JavaScript库，它简化了DOM操作、事件处理、动画效果以及Ajax交互。在这个项目中，jQuery被用来实时更新时钟的显示，确保时间始终准确无误。 时钟的实现主要分为两个部分：HTML结构和...

    jQuery创意圆环指针时钟代码.zip

    【jQuery创意圆环指针时钟代码】是一个利用jQuery库和CSS特效实现的网页互动时钟展示。这个项目提供了一种独特的、视觉上吸引人的方式来显示时间，它以圆环形的指针形式呈现，增加了网站的动态性和用户体验。 在...

Magicbox
Global site tag (gtag.js) - Google Analytics