JS-实现商品倒计时

最新推荐文章于 2024-03-01 16:15:09 发布

放荡不羁的程序猿

最新推荐文章于 2024-03-01 16:15:09 发布

阅读量2.2k

点赞数

分类专栏： js效果操作

本文链接：https://blog.csdn.net/qq_26101151/article/details/53220226

版权

这是一个关于如何使用JavaScript实现商品倒计时的代码示例。代码包括两种情况：一是计算距离拼单结束的时间，二是秒表功能。JS函数kjuiTimer用于倒计时，stopWatch用于秒表，numberInput则用于处理数量增减输入框。

摘要由CSDN通过智能技术生成

                         <div class="h6 timer">


                            @if (item.Type == 1)
                            {
                                TimeSpan span = item.OrderEndTime - DateTime.Now;


                                <span class="kjicon kjicon-clock h3 fcolor-main"></span>
                                <text>距离拼单结束：</text>
                                <span><b class="d h3">@(span.Days.ToString().PadLeft(2, '0'))</b>天</span>
                                <span><b class="h h3">@(span.Hours.ToString().PadLeft(2, '0'))</b>时</span>
                                <span><b class="m h3">@(span.Minutes.ToString().PadLeft(2, '0'))</b>分</span>
                                <span><b class="s h3">@(span.Seconds.ToString().PadLeft(2, '0'))</b>秒</span>


                            }
                            else if (item.Type == 2)
                            {
                                <span>集单尚未开始，敬请期待！</span>
                            }
                            else
                            {
                                <span>已结束</span>
                            }
                        </div>

下面是js

$.fn.extend({
    //计时器
    kjuiTimer: function (config) {
        /*
        config配置项
        max :

最低0.47元/天解锁文章

放荡不羁的程序猿

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JS-实现商品倒计时

@if (item.Type == 1) { TimeSpan span = item.OrderEndTime - DateTime.Now;
复制链接

扫一扫

专栏目录