Question

如何使用这种结构制作一个jQuery only 自动加载和开始移动的实时时钟？：

小时：分钟：秒

两列，每列用分号分隔，并且还有通用或非通用选项（e.i.6英寸对18英寸钟）。它旁边会有一个按钮，来回拨动“改变显示”或其他东西

Answer 1

setInterval(function() {
    var date = new Date();
    $('#clock-wrapper').html(
        date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds()
        );
}, 500);

这是一个简单的例子，告诉你它是如何工作的。

Answer 2

这里最好的例子 -

＆＃13;

$(document).ready(function(){
   setInterval('updateClock()', 1000);
});

function updateClock (){
 	var currentTime = new Date ( );
  	var currentHours = currentTime.getHours ( );
  	var currentMinutes = currentTime.getMinutes ( );
  	var currentSeconds = currentTime.getSeconds ( );

  	// Pad the minutes and seconds with leading zeros, if required
  	currentMinutes = ( currentMinutes < 10 ? "0" : "" ) + currentMinutes;
  	currentSeconds = ( currentSeconds < 10 ? "0" : "" ) + currentSeconds;

  	// Choose either "AM" or "PM" as appropriate
  	var timeOfDay = ( currentHours < 12 ) ? "AM" : "PM";

  	// Convert the hours component to 12-hour format if needed
  	currentHours = ( currentHours > 12 ) ? currentHours - 12 : currentHours;

  	// Convert an hours component of "0" to "12"
  	currentHours = ( currentHours == 0 ) ? 12 : currentHours;

  	// Compose the string for display
  	var currentTimeString = currentHours + ":" + currentMinutes + ":" + currentSeconds + " " + timeOfDay;
  	
  	
   	$("#clock").html(currentTimeString);	  	
 }

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="clock"></div>

＆＃13;

来源 - http://www.sitepoint.com/create-jquery-digital-clock-jquery4u/
http://demo.tutorialzine.com/2013/06/digital-clock/

Answer 3

<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
    xmlns:xs="http://www.w3.org/2001/XMLSchema"
    xmlns:err="http://www.w3.org/2005/xqt-errors"
    exclude-result-prefixes="xs"
    version="3.0">

    <xsl:template match="/">
        <xsl:stream href="books.xml">
            <xsl:iterate select="catalog">
                <xsl:result-document href="out.xml" omit-xml-declaration="no" indent="yes">
                    <xsl:copy>
                        <xsl:for-each select="product">
                            <xsl:try>
                                <xsl:copy-of select="number"/>
                                <xsl:catch>
                                    <xsl:result-document href="error.txt">
                                        <xsl:message>Element number not given in <xsl:value-of select="product/@dept"/></xsl:message>
                                    <error code="{$err:code}" message="{$err:description}"/>
                                    </xsl:result-document>
                                </xsl:catch>
                            </xsl:try>
                        </xsl:for-each>
                    </xsl:copy>
                </xsl:result-document>
            </xsl:iterate>
        </xsl:stream>
    </xsl:template>

</xsl:stylesheet>

jQuery live clock，可选24或12小时

3 个答案: