javascript - 制作一个根据时间改变其行结构的表

标签 javascript html

我正在尝试制作一个时间表,该表将根据当前时间删除某些行。

示例;

(默认表)

1st ride: 1.15

2nd ride: 1.45

3rd ride: 2.42

假设它是 1.16,那么它会变成这样;

(所需表格)

2nd ride: 1.45

3rd ride: 2.42

如何实现此功能?

最佳答案

使用 HTML 无法做到这一点。

但是,您可以在服务器端执行此操作(通过服务器端脚本,例如 PHPASP perlpython 或您选择的任何其他内容),或在客户端,通过 JavaScript:

例如(为了方便和缩短代码,我在这里使用 JavascriptjQuery library):

<script type="text/javascript">
$(document).ready(function(){

    var now = new Date(); // create date object
    var h = now.getHours(); // get current hour
    var m = now.getMinutes(); // get current minute

    // if  the time is past 13:15 , hide first row of table with id 'mytable'
    if(h>13 || h>12 && m>15) {
       $('table#mytable tr:first').hide();
    } 
});
</script>

关于javascript - 制作一个根据时间改变其行结构的表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11261742/

相关文章:

javascript - 使用 JS/Jquery 渲染 .txt 文件中的内容时在单词之间添加空格

javascript - 一次性设置/获取/检查由用户输入(文本框)生成的多个 cookie

来自url查询字符串中变量的javascript表单字段填充

javascript - 通过在页面末尾添加按钮自动将我的网页内容转换为pdf

php - 眼球追踪系统

javascript - 在 vb.net 中获取确认值

清除 Canvas 后,JavaScript Canvas 元素不显示

javascript - 附加到元素的脚本标记会在 .append() 之后的下一行之前运行吗?

javascript - 文本显示有延迟

html - 为什么这个 DIV 被填充在顶部?