zoukankan      html  css  js  c++  java
  • .net动态显示当前时间

          刚才在首页看到 asp.net实现动态显示当前时间 这篇文章, 作者用Ajax实现类似时钟的效果!
    个人感觉完全为了Ajax而Ajax就不好了!JavaScript在客户端处理不是更理想吗?

    function Clock() {
        
    var date = new Date();
        
    this.year = date.getFullYear();
        
    this.month = date.getMonth() + 1;
        
    this.date = date.getDate();
        
    this.day = new Array("星期日""星期一""星期二""星期三""星期四""星期五""星期六")[date.getDay()];
        
    this.hour = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
        
    this.minute = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
        
    this.second = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
        
    this.toString = function() {
            
    return "现在是:" + this.year + "" + this.month + "" + this.date + "日 " + this.hour + ":" + this.minute + ":" + this.second + " " + this.day;
        };
        
    this.toSimpleDate = function() {
            
    return this.year + "-" + this.month + "-" + this.date;
        };
        
    this.toDetailDate = function() {
            
    return this.year + "-" + this.month + "-" + this.date + " " + this.hour + ":" + this.minute + ":" + this.second;
        };
        
    this.display = function(ele) {
            
    var clock = new Clock();
            ele.innerHTML 
    = clock.toString();
            window.setTimeout(
    function() { clock.display(ele); }, 1000);
        };
    }

    将Clock封装好后,只需在需要显示的页面添加JS代码:

    var clock = new Clock();
    clock.display(
    "需要显示的标签")

     如此即可实现时钟效果

  • 相关阅读:
    Docker安装mysql
    解决SpringMVC+Thymeleaf中文乱码
    Web API 自动生成接口文档
    .Net Core 定时任务TimeJob
    使用 FTP 迁移 SQL Server 数据_迁移数据_快速入门(SQL Server)_云数据库 RDS 版-阿里云
    SQLServer · 最佳实践 · 如何将SQL Server 2012降级到2008 R2-博客-云栖社区-阿里云
    PNG文件转png8
    实战ASP.NET访问共享文件夹(含详细操作步骤)
    MVC JsonResult
    你必须知道的EF知识和经验
  • 原文地址:https://www.cnblogs.com/maoniu602/p/1595180.html
Copyright © 2011-2022 走看看