這是我寫的一個(gè)小jQuery函數(shù)，以根據(jù)當(dāng)前日期和時(shí)間將選定的類添加到元素 （使用日期時(shí)間戳）。想法是設(shè)置當(dāng)前顯示的當(dāng)前會(huì)話，如下面的屏幕截圖所示。

$。dateTimeHighlightNow（）函數(shù)

<span>/**
</span><span>  * $.dateTimeHighlightNow()
</span><span>  * Author: Sam Deering
</span><span>  * Adds/removes a selected class on elements based on the current date and time.
</span><span>  * usage: $('.program p').dateTimeHighlightNow();
</span><span>  */
</span>jQuery<span>.fn.dateTimeHighlightNow = function()
</span><span>{
</span>    <span>return this.each(function()
</span>    <span>{
</span>        <span>var datetimestamp = Math.round(new Date().getTime() / 1000)
</span>            elem <span>= $(this),
</span>            start <span>= elem.attr('start'),
</span>            finish<span>= elem.attr('finish');
</span>
            <span>log('datetimestamp = '+datetimestamp);
</span>
        <span>if (start < datetimestamp && finish > datetimestamp)
</span>        <span>{
</span>            elem<span>.addClass('selected');
</span>            <span>log(elem);
</span>        <span>}
</span>        <span>else
</span>        <span>{
</span>            elem<span>.removeClass('selected');
</span>        <span>}
</span>
    <span>});
</span><span>};</span>

>用法：

<span>$('.program p').dateTimeHighlight();</span>

您的HTML代碼應(yīng)該看起來像這樣： 進(jìn)一步的用法可能是每1分鐘（左右）進(jìn)行一次自動(dòng)刷新：

<span>/* monitor for auto change of current active session based on date/time */
</span><span>setInterval(function()
</span><span>{
</span>    <span>//run every minute
</span>    <span>$('.program p').dateTimeHighlight();
</span><span>}, 60000);</span>

甚至進(jìn)一步的想法

在服務(wù)器端（您的服務(wù)器系統(tǒng)時(shí)鐘）執(zhí)行PHP TIMESTAMP。 在客戶端（您的PC系統(tǒng)時(shí)鐘）上執(zhí)行JavaScript時(shí)間戳
• >一個(gè)未來的檢查，將客戶時(shí)區(qū)設(shè)置轉(zhuǎn)換為服務(wù)器以突出顯示當(dāng)前會(huì)話（這是我可能會(huì)在不久的將來進(jìn)行的，因此請(qǐng)繼續(xù)關(guān)注）。
• 經(jīng)常詢問有關(guān)jQuery的問題（??常見問題解答）
>如何使用jQuery亮點(diǎn)效果來強(qiáng)調(diào)我的網(wǎng)頁上的特定元素？
• 使用jQuery亮點(diǎn)效果，您首先需要在html文件中包含jQuery庫。之后，您可以使用具有“突出顯示”效果的.effect（）方法。該方法采用三個(gè)參數(shù)：效果的名稱，選項(xiàng)對(duì)象和效果的持續(xù)時(shí)間。例如，要突出顯示具有ID“ myDiv”的DIV，您將使用以下代碼：

$（“＃mydiv”）。效果（“亮點(diǎn)”，{}，3000）這將突出顯示Div 3秒鐘。

我可以在jQuery中更改亮點(diǎn)的顏色？選項(xiàng)對(duì)象中的顏色選項(xiàng)。例如，要將突出顯示的顏色更改為紅色，您將使用以下代碼：

$（“＃mydiv”）。效果（“亮點(diǎn)”，{color：“＃ff0000”}，3000）;
>
>如何在亮點(diǎn)完成之前停止效果？

>您可以通過使用.stop（）方法在完成之前停止亮點(diǎn)效果。此方法采用兩個(gè)參數(shù)：clearqueue參數(shù)和jumptoend參數(shù)。如果將Clearqueue設(shè)置為True，則將刪除隊(duì)列中的所有動(dòng)畫。如果jumptoend設(shè)置為true，則當(dāng)前動(dòng)畫將立即完成。例如，要停止使用ID“ myDiv”對(duì)DIV的突出顯示效果，您將使用以下代碼：

$（“＃myDiv”）。stop（true，true） ??>我可以一次對(duì)多個(gè)元素使用突出顯示效果嗎？例如，要突出顯示所有類“突出顯示”的所有divs，您將使用以下代碼：

$（“。

>如何使突出顯示效果重復(fù)？

>您可以通過使用setInterval函數(shù)重復(fù)出色效果。此函數(shù)需要兩個(gè)參數(shù)：要執(zhí)行的函數(shù)和毫秒為毫秒的時(shí)間間隔。例如，要使ID“ myDiv”重復(fù)一次對(duì)DIV的突出顯示效果，您將使用以下代碼：

setInterval（function（）{ $（“＃mydiv”） 。是的，您可以通過將它們鏈接在一起，將突出顯示效果與其他效果一起使用。例如，要使用ID“ myDiv”對(duì)DIV上的突出顯示效果和彈跳效果，您將使用以下代碼：
>我如何使用懸停的亮點(diǎn)效果？使用.hover（）方法對(duì)懸停的影響。該方法將兩個(gè)函數(shù)作為參數(shù)：一個(gè)用于鼠標(biāo)輸入元素時(shí)，一個(gè)用于鼠標(biāo)離開元素時(shí)。例如，在鼠標(biāo)徘徊時(shí)使用ID“ myDiv”的DIV上的突出顯示效果，您將使用以下代碼：

$（“＃mydiv”）。 {

$（this）.effect（“亮點(diǎn)”，{}，3000）;

}）;

我可以在單擊時(shí)使用突出顯示效果嗎？

>是的，您可以使用.click（）方法在單擊時(shí)使用突出顯示效果。此方法將函數(shù)作為參數(shù)，當(dāng)單擊元素時(shí)將執(zhí)行。例如，要在單擊時(shí)使用具有ID“ myDiv”的DIV上的突出顯示效果，您將使用以下代碼： mydiv'）。 ??> $（this）.effect（“亮點(diǎn)”，{}，3000）;

}）;

如何在表單輸入上使用突出顯示效果？

>您可以使用.focus（）和.blur（）方法對(duì)表單輸入的突出顯示效果。當(dāng)輸入字段獲取焦點(diǎn)時(shí)，觸發(fā).focus（）方法，并且當(dāng)輸入字段失去焦點(diǎn)時(shí)，觸發(fā).blur（）方法。例如，要使用具有ID“ myInput”的輸入字段上的突出顯示效果，您將使用以下代碼：

$（“＃myInput”）。focus（function（function（）{
$） （this）.feffect（“亮點(diǎn)”，{}，3000）;
}）。blur（function（）{

$（this）.effect（“亮點(diǎn)”，{color：color：color： “＃ff0000”}，3000）;

}）;

>我可以在頁面加載上使用突出顯示效果嗎？ .Dready（）方法。當(dāng)DOM滿載時(shí)，觸發(fā)此方法。例如，要在頁面加載時(shí)使用ID“ myDiv”的DIV上的突出顯示效果，您將使用以下代碼：

$（document）.ready（function（function（） （“ #mydiv”）。效應(yīng)（“突出顯示”，{}，3000）;
}）;

以上是jQuery根據(jù)當(dāng)前日期突出顯示元素的詳細(xì)內(nèi)容。更多信息請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！