将 C# 标签代码添加到 SharePoint 页面

Question

我希望有人可以为我阐明这个主题，我被要求在客户 SharePoint 主页上添加一个特定日期的倒计时。我最常在 Visual Studios 中进行开发，而在我创建倒计时之后，SharePoint 主要是我投资组合中的一个新主题，但我很快发现自己迷失在了一大堆信息中。

我的cs文件是这样的：

namespace TimerCountdown
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            //Get these values however you like.
            DateTime daysLeft = DateTime.Parse("12/29/2016 02:00:01 AM");
            DateTime startDate = DateTime.Now;
            //Create A Timer
            Timer tmr = new Timer();
            tmr.Interval = 500;
            tmr.Tick += new EventHandler(tmr_Tick);
            tmr.Enabled = true;
            tmr.Start();

            //Calculate countdown timer.
            TimeSpan t = daysLeft - startDate;
            string countDown = string.Format("{0} Days, {1} Hours, {2} Minutes, {3} Seconds til launch.", t.Days, t.Hours, t.Minutes, t.Seconds);
            label1.Content = countDown;
        }

        void tmr_Tick(object sender, EventArgs e)
        {
            DateTime daysLeft = DateTime.Parse("12/29/2016 02:00:01 AM");
            DateTime startDate = DateTime.Now;
            TimeSpan ts = daysLeft.Subtract(startDate);
            label1.Content = ts.ToString("d' Days 'h' Hours 'm' Minutes 's' Seconds'");
        }
    }
}

这是我有点困惑的地方，我读过有人说使用 ASP 并在其中添加代码。其他人说不，不要那样做。有人说用一行代码上传你的文件，这会带来安全问题。我想与这个社区联系，希望有人能够阐明/添加指向该主题的良好信息网站的链接，或者甚至有人知道一个很好的演练，甚至指出我的方法是完全错误。

我觉得这可能会让一些用户感到困惑 - 客户要求。 SharePoint 主页横幅上的一个简单标签，其中包含显示加载倒计时的代码。任何反馈表示赞赏

Answer 1

您不需要 C# 代码，您可以使用简单的 javascript 并使用 Html WebPart 完成所有操作。

这里有一个简单页面的代码试试看。

<!DOCTYPE html>
<html>
<head>
<title>Countdown</title>
</head>

<body>

<script>
    var _MS_PER_DAY = 1000 * 60 * 60 * 24;
    var dt = new Date(2016, 12, 31, 23, 59, 59);

    setInterval(function(){
        var today = new Date();

        var end   = Date.UTC(dt.getFullYear(), dt.getMonth(), dt.getDate());
        var start = Date.UTC(today.getFullYear(), today.getMonth(), today.getDate());

        var days = Math.floor((end - start) / _MS_PER_DAY);

        var s = days + " Days, " + (dt.getHours() - today.getHours()) + " Hours, " +  (dt.getMinutes() - today.getMinutes())+ " Minutes, " +  (dt.getSeconds() - today.getSeconds()) + " Seconds til launch";

        document.getElementById("cdwLabel").innerHTML = s;

    }, 1000);

</script>

<span id="cdwLabel"></span>

</body>

</html>