JAVASCRIPT 倒计数功能 ASP .NET SIGNALR起步 C# 将object对象转换为实体对象

最近在项目中遇到一个倒计时功能，在网上没有找到合适的，就自己写了个方法。贴在这里，权且当个记录。

export const timeRun = (timeStr, callBack) => {
  let timeArr = timeStr.split(':');
  if(timeArr.length == 2){//格式 5:00
    let minute = timeArr[0];
    let second = timeArr[1];
    if(second == '00'){
      if(minute == '00' || minute == '0'){
        callBack();
        return "00:00";
      }else{
        var minuteInt = parseInt(minute);
        minuteInt --;
        if(minuteInt.toString().length == 1){
          minute = "0" + minuteInt;
        }else{
          minute = minuteInt.toString();
        }
        second = "59";
      }
    }else{
      let secondInt = parseInt(second);
      secondInt --;
      if(secondInt.toString().length == 1){
        second = "0" + secondInt;
      }else{
        second = secondInt.toString();
      }
    }

    return minute + ":" + second;
  }else if(timeArr.length == 3){//格式 1:00:00
    let hour = timeArr[0];
    let minute = timeArr[1];
    let second = timeArr[2];

    if(second == '00'){
      if(minute == '00'){
        if(hour == '00' || hour == '0'){
          callBack();
          return "0:00:00";
        }else{
          var hourInt = parseInt(hour);
          hourInt --;
          minute = '59';
          hour = hourInt.toString();
        }
      }else{
        var minuteInt = parseInt(minute);
        minuteInt --;
        if(minuteInt.toString().length == 1){
          minute = "0" + minuteInt;
        }else{
          minute = minuteInt.toString();
        }
        second = "59";
      }
    }else{
      let secondInt = parseInt(second);
      secondInt --;
      second = second.toString();
    }

    return hour + ":" +minute + ":" + second;
  }else{
    console.error("倒计时时间格式错误");
  }
}

使用方法如下,其中finished是回调函数：

let time = '05:00';
let timer = setInterval(() => {
          time = timeRun(time, finished);
          if(time == "00:00" || time == "0:00:00"){
            clearInterval(timer);
          }
        }, 1000);

 

 

 

 

 

 

在网站开发中，时常需要使用消息推送功能，http协议是无状态连接，我们需要一个类似桌面程序中socket保持服务器和客户端连接的技术。signalr就是这样一个技术，他能保持网站页面和服务器的一个长连接，时刻监听服务器端的信息。实现一个简单的signalr功能步骤如下。

1.新建一个.net项目，使用Nuget引用signalr。会在Script文件下生成jquery.signalR-2.2.0.js文件。

 

 

2.添加Startup类，注册signalr。

 1 using Microsoft.Owin;
 2 using Owin;
 3 
 4 [assembly: OwinStartup(typeof(VipSignalR.Startup))]
 5 
 6 namespace VipSignalR
 7 {
 8     public class Startup
 9     {
10         public void Configuration(IAppBuilder app)
11         {
12             app.MapSignalR();
13         }
14     }
15 }

 

3.添加集线器类ChatHub.cs

using Microsoft.AspNet.SignalR;

namespace VipSignalR
{
    public class ChatHub : Hub
    {
        public void Send(string name, string message)
        {
            Clients.All.ReceiveMessage(name, message);
        }
    }
}

 

4.添加前台消息发送和接受的代码

（1）新建一个页面。

（2）添加html。

your name: <input type="text" id="nameTxt"/><br />
message: <input type="text" id="messageTxt" /><br />
<input type="button" id="sendBtn" value="发送" /><br />

消息记录:<br/>
<div id="msgDiv"></div>

（3）引用js文件。

<script src="~/Scripts/jquery-1.6.4.js"></script>
<script src="~/Scripts/jquery.signalR-2.2.0.js"></script>
<script src="~/signalr/hubs"></script>

其中/signalr/hubs是通过chathubs.cs生成的js文件，可在浏览器resource查看。我们通过这个js文件使用在chathubs.cs中定义的方法。

（4）使用signalr。

<script>
    $(function () {
        // 引用自动生成的集线器代理
        //名称和hub类相同，首字母小写
        var chat = $.connection.chatHub;

        //接受消息，方法名称和参数和hub类中动态解析方法名相同
        chat.client.receiveMessage = function (name, message) {
            var msg = "<div>" + name + ": " + message + "</div>";
            $("#msgDiv").append(msg);
        }

        // 集成器连接开始
        $.connection.hub.start().done(function () {
            $('#sendBtn').click(function () {
                //发送消息，方法名和参数和hub类对应，首字母小写
                chat.server.send($("#nameTxt").val(), $('#messageTxt').val());
            });
        });
    });
</script>

 

5.运行。通过两个浏览器来测试，可达到如下效果。

 

 

 

C# 将object对象转换为实体对象

 

C# 将object对象转换为实体对象.代码如下:

/// <summary>
/// 将object对象转换为实体对象
/// </summary>
/// <typeparam name="T">实体对象类名</typeparam>
/// <param name="asObject">object对象</param>
/// <returns></returns>
private T ConvertObject<T>(object asObject) where T : new()
{
    //创建实体对象实例
    var t = Activator.CreateInstance<T>();
    if (asObject != null)
    {
        Type type = asObject.GetType();
        //遍历实体对象属性
        foreach (var info in typeof(T).GetProperties())
        {
            object obj = null;
            //取得object对象中此属性的值
            var val = type.GetProperty(info.Name)?.GetValue(asObject)
            if (val != null)
            {
                //非泛型
                if (!info.PropertyType.IsGenericType)
                    obj = Convert.ChangeType(val, info.PropertyType)
                else//泛型Nullable<>
                {
                    Type genericTypeDefinition = info.PropertyType.GetGenericTypeDefinition();
                    if (genericTypeDefinition == typeof(Nullable<>))
                    {
                        obj = Convert.ChangeType(val, Nullable.GetUnderlyingType(info.PropertyType));
                    }
                }
                info.SetValue(t, obj, null);
            }
        }
    }
    return t;
}

调用时:

/// <summary>
/// test
/// </summary>
public  void  test()
{
    var  obj =  new  {
        id=1,name= "张三" ,sex=1,age=22
    };
    //转换
    var  userModel = ConvertObject<user>(obj);
}

/// <summary>
/// 用户
/// </summary>
public  class  user
{
    /// <summary>
    /// 编号
    /// </summary>
    public  int  id {  set ;  get ; }
    /// <summary>
    /// 姓名
    /// </summary>
    public  string  name {  set ;  get ; }
    /// <summary>
    /// 性别
    /// </summary>
    public  int  sex {  set ;  get ; }
    /// <summary>
    /// 年龄
    /// </summary>
    public  int  age {  set ;  get ; }
}