数据查询网站模板淘宝seo 优化软件
highlight
这是我编写的一个jQuery小功能,用于根据当前日期和时间 (使用日期时间戳) 将选定的类添加到元素 。 想法是设置当前正在显示的当前会话,如下面的屏幕快照所示。
$ .dateTimeHighlightNow()函数
/*** $.dateTimeHighlightNow()* Author: Sam Deering* Adds/removes a selected class on elements based on the current date and time.* usage: $('.program p').dateTimeHighlightNow();*/
jQuery.fn.dateTimeHighlightNow = function()
{return this.each(function(){var datetimestamp = Math.round(new Date().getTime() / 1000)elem = $(this),start = elem.attr('start'),finish= elem.attr('finish');log('datetimestamp = '+datetimestamp);if (start < datetimestamp && finish > datetimestamp){elem.addClass('selected');log(elem);}else{elem.removeClass('selected');}});
};
用法:
$('.program p').dateTimeHighlight();
您HTML代码应如下所示:
进一步的用法是每1分钟(或大约1分钟)运行一次事件以进行自动刷新:
/* monitor for auto change of current active session based on date/time */
setInterval(function()
{//run every minute$('.program p').dateTimeHighlight();
}, 60000);
更进一步的想法
- PHP时间戳在服务器端(服务器的系统时钟)执行。
- JavaScript时间戳在客户端(您的PC系统时钟)上执行。
- 进一步检查以将客户端时区设置转换为服务器以突出显示当前会话(我可能会考虑在不久的将来实现此功能,因此请继续关注。)
翻译自: https://www.sitepoint.com/jquery-highlight-element-based-current-date-time/
highlight