`

实时显示当前系统时间and 全选/全不选checkbox

    博客分类:
  • JS
 
阅读更多

在开发代码时候,网页中显示本机时间,不但可以给网页添色,还可以方便浏览者掌握当前时间,为了提高网站的开发速度,可以把主代码封装在一个单独的函数里面,在需要的时候直接调用 而我为了演示,直接写在了主页面,方便大家观看

   (1):首先用JS编写实时显示系统时间的函数 clockon() 只有一个参数contentDate,用于指定显示用于转化后的<div>标记的名称,无返回值,大家进行网站开发时可以将改函数保存在JS文件中,以便重用 代码如下:

<script>
function clockon(contentDate)
{
    var now = new Date();
    var year = now.getYear();
    var month = now.getMonth();
    var date = now.getDate();
    var day = now.getDay();
    var hour = now.getHours();
    var minu = now.getMinutes();
    var sec = now.getSeconds();
    var week;
     month = month+1;
    if(month<10)month="0"+month;
    if(date<10)date="0"+date;
    if(hour<10)hour="0"+hour;
    if(minu<10)minu="0"+minu;
    if(sec<10)sec="0"+sec;
    var arr_week = new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday");
     week = arr_week[day];
    var time = "";
     time = year+"/"+month+"/"+date+"/"+week+""+hour+":"+minu+":"+sec;
    if(document.all)
    {
         contentDate.innerHTML="["+time+"]"
    }
    var timer = setTimeout("clockon(contentDate)",200);
           
}
</script>

 

(2):在页面的<body> 的onload事件中 调用 以及在要显示的地方放置div标记 代码:

<body onLoad="clockon(contentDate)">
<div id="contentDate" ></div>
</body>

分享到:
评论

相关推荐

    带复选框的多级目录树,复选框的选择控制子节点父节点 全选和反选

    在IT领域,尤其是在前端开发中,构建用户界面时经常需要处理多级目录树结构,并且在这样的结构中加入复选框功能,以便用户可以进行批量选择或者全选、反选操作。这种技术常用于文件管理器、权限设置、菜单配置等场景...

    GridView And CheckBox

    添加一个全选/全不选的CheckBox,可以在用户选择时一键切换所有子CheckBox的状态。这需要在主CheckBox的点击事件中遍历GridView的所有子项,改变它们的选中状态,并同步更新选择状态列表。 4. 数据绑定和适配器: ...

    无刷新-批量全选及操作

    - **功能描述**:当全选框(`#chkAll`)被点击时,所有具有`chk`类名的复选框都会被设置成与全选框相同的状态(选中或未选中)。 #### 2. 复选框选择状态获取 - **代码实现**:`function SelectCheckBox(){ return $...

    DataGrid的itemRenderer and HeaderRenderer

    在`headerRenderer`中,我们可以添加一个全局的`CheckBox`,当用户点击这个`CheckBox`时,可以遍历所有行的`itemRenderer`中的`CheckBox`,并设置它们的选中状态,从而实现全选或全取消选择。 此外,`combobox`作为...

    checkbox全选所涉及到的知识点介绍

    首先,我们要解决的是在Internet Explorer (IE) 和 Firefox 等浏览器中全选Checkbox功能的兼容性问题。在IE中,我们可以使用`window.event.srcElement`来获取当前触发事件的元素,而在Firefox中,我们需要直接通过`...

    CheckList 和 ComboBox demo

    同时,为了支持全选/全不选,需要添加一个总开关按钮,其IsChecked状态与所有子项的IsChecked状态进行双向绑定。 2. **动态添加CheckList到ComboBox**: ComboBox的ItemsSource可以绑定到ViewModel的一个...

    用jquery实现全选,取消,反选等与否和拖拽

    1. **全选**:这个功能允许用户一键选中页面上的所有复选框。可以创建一个按钮,当点击该按钮时,触发一个jQuery函数,该函数遍历所有复选框并设置其`checked`属性为`true`。 ```javascript $("#selectAll").click...

    js翻页复选框状态保存

    2. **利用AJAX技术**:通过AJAX发送异步请求获取数据并更新DOM,这样可以在不刷新整个页面的情况下完成数据加载,从而保留复选框的状态。 3. **使用服务器端存储**:如果需要在多个会话间共享复选框的状态,可以...

    JQuery批量删除

    AJAX(Asynchronous JavaScript and XML)是一种用于创建快速动态网页的技术,它可以在不重新加载整个页面的情况下,更新部分网页内容。 #### 二、批量删除功能的设计与实现 在许多网站和应用程序中,都需要提供...

    2021-2022计算机二级等级考试试题及答案No.2917.docx

    - **知识点**:Checkbox(复选框)是一种允许用户选择一个或多个选项的表单元素。 - **选择题解析**:根据描述,正确答案为A(Checkbox)。 #### Word撤销操作 - **知识点**:Word的撤销功能可以撤消最近的操作,但...

    2021-2022计算机二级等级考试试题及答案No.9949.docx

    - **知识点**:在Windows操作系统中,可以通过组合键进行文件的彻底删除,避免放入回收站。 - **正确答案**:正确 #### 6. 面向对象编程语言 - **知识点**:Java和C++都是流行的面向对象编程语言。 - **正确答案**...

    php出租房数据管理及搜索页面

    但通常情况下,JavaScript常用于对用户交互进行控制,例如页面上提到的全选复选框功能可能就是由JavaScript控制的。 综合上述知识点,一个PHP出租房数据管理及搜索页面需要具备以下几个关键技能: - 数据库设计...

Global site tag (gtag.js) - Google Analytics