时间:2015-03-18 来源:

拍卖倒计时 【移动开发】

      摘要:最近做一个Web拍卖软件.拍卖最关的核心就是实时竞价web前端制作,这里采用微软的 ASP.NET SignalR  来进行实时的显示竞价.

                 类似于京东的夺宝岛,web前端制作淘宝的拍卖div前端切图,每一个商品都有自己的倒计时,div前端切图和我做这个拍卖的倒计时的原理和思路是一样的

                  从服务器得到每一个商品的总秒数就不用再讲了web切图报价,我们现在只关注客户端,手机html制作我们的开发环境是 Asp.net Mvc5

 



                  我直接粘代码

                 1. 服务器端 得到   离开拍或者结束的 TotalSecond(总秒数)

              

                

                 2. 客户端  得到总秒数符合w3c标准,利用javascript 里面的 setInterval 每秒进行递减,符合w3c标准直到减到0为止

   

     @{ ViewBag.Title = "List Item"; int salesId = ViewBag.SalesID; } @model IEnumerable<Auction.ViewModels.VMB_Item> <div class="row"> <div class="col-md-12"> <div id="itemListTable"></div> <div class="row"> @foreach (var item in Model) { <div class="col-xs-3" style="margin-top:5px;margin-left:5px"> <div class="container" style="text-align:center"> <hr /> <div class="time-item"> <span id=@("day_show"+item.ItemID)>0 day</span> <strong id=@("hour_show" + item.ItemID)>0 :</strong> <strong id=@("minute_show" + item.ItemID)>0 :</strong> <strong id=@("second_show" + item.ItemID)>0 </strong> </div> <button type="button" class="btn btn-danger" data-toggle="button" onclick="getItembyID('@item.ItemID')">Follow</button> <button type="button" class="btn btn-danger" data-toggle="button" onclick="addWatchItem('@item.ItemID')">WATCH</button> </div> </div> <script type="text/javascript"> ///倒计时 $(function () { var totalSeconds = @((item.EndTime-DateTime.Now).TotalSeconds); var intDiff = parseInt(totalSeconds);//倒计时总秒数量 timer(intDiff,itemid) { window.setInterval(function () { var day = 0, minute = 0, 1000); } </script>

点击次数:3676
作者:
web前端行业资讯
Web new NewsList
微软发布WindowsServerBuild17074更新 ,,2018年01月18日凭借一个AI小功能,这款Google应用冲上苹果AppStore榜首 ,,2018年01月18日百度数据可视化实验室正式成立,发布深度学习可视化平台VisualDL ,,2018年01月18日OpenAI开源最新工具包,模型增大10倍只需额外增加20%计算时间 ,,2018年01月18日百度手机输入法8.0正式发布:支持多人语音速记 ,,2018年01月18日CSDN宣布收购TinyMind团队并升级为AI社区 ,,2018年01月18日甲骨文发布补丁修复英特尔芯片漏洞造成的问题 ,,2018年01月18日权威!官方发布CPU熔断和幽灵漏洞防范指引:附补丁下载 ,,2018年01月18日Oracle宣布新的JavaChampions ,,2018年01月18日Fedora28壁纸征集活动现已开幕:将持续至2月13日 ,,2018年01月18日苹果WebKit团队发布Speedometer2.0网页响应测试工具 ,,2018年01月18日百度输入法8.0后天发布:全感官AI输入 ,,2018年01月18日腾讯和乐高合作:共同研发智能玩具、游戏 ,,2018年01月18日HomePod上市日益临近智能音箱市场吸引力越来越大 ,,2018年01月18日英特尔公布修补漏洞后PC性能数据:8代CPU影响最小 ,,2018年01月18日云存储公司Dropbox秘密提交IPO申请估值超百亿美元 ,,2018年01月18日iPod之父:防手机上瘾无技术难度苹果谷歌应承担责任 ,,2018年01月18日芯片不安全英特尔云客户考虑转用AMD等对手处理器 ,,2018年01月18日2018年Java展望 ,,2018年01月18日区块链有多火?快播流量矿石遭20多万人疯抢 ,,2018年01月18日Intel搞定神经拟态芯片:模拟人类大脑、自主学习 ,,2018年01月18日阿里巴巴发布IoTConnect开放连接协议,盼推动语音互动入口普及 ,,2018年01月18日区块链火了,全球大佬们怎么看? ,,2018年01月18日Facebook正测试新功能主推本地新闻资讯 ,,2018年01月18日在GooglePlay中发现使用Kotlin开发的安卓恶意软件 ,,2018年01月18日VisualStudio201715.6预览版本2,增加新功能 ,,2018年01月18日百度陆奇:AI是5G最好的加速器 ,,2018年01月18日PinterestCEO:不同于谷歌和Facebook,我们走了第三条路 ,,2018年01月18日腾讯加码区块链项目已悄然注册“以太锁”商标 ,,2018年01月18日3D打印脑组织?科学家正在向这一目标正在前进 ,,2018年01月18日恢复被2345篡改的网页 【综合】2015年03月24日ajax中get和post的区别 【编程语言】2015年04月28日【LeetCode】LinkedListCycle 【编程语言】2014年12月30日php新版本废弃preg_replacee修饰符 【Web前端】2014年12月17日SpringMVC利用注解实现异常处理 【综合】2015年01月19日经典语句_造句大全【综合】2015年04月27日ShareREC手游录制分享,正式开放下载!!!【移动开发】2014年12月25日CFF认证图书馆读者访问信息管理 【架构设计】2015年03月26日Java虚拟机OOM之虚拟机栈和本地方法栈溢出(4) 【编程语言】2015年04月17日一个在线后台下载的阅读引擎2014年01月29日用户体验的价值 【综合】2015年01月04日JVM调试命令【综合】2015年06月17日AndroidR.java文件找不到的问题【编程语言】2015年05月11日作用力和小球 【Web前端】2015年01月04日iOSjsoc相互调用(JavaScriptCore) 【编程语言】2015年07月27日CompareAndSwap(CAS)实现无锁多生产者 【编程语言】2015年07月28日PAT1094.TheLargestGeneration(BFS) 【综合】2015年07月24日asp.net中对象失去焦点时自动提交数据V22014年01月29日高性能TCPUDP通信框架HP-Socketv4.0.1发布 ,,2016年10月13日九度OJ1014排名(模拟) 【移动开发】2014年12月16日CentOS+Nginx+PHP+MySQL详细配置(图解)2014年01月30日img的onerror方法在火狐中的坑 【编程语言】2015年05月19日Oracle移除表空间的数据文件ora-00604ora-01426【编程语言】2015年07月07日九度题目1045:百鸡问题 【编程语言】2014年12月19日PHP实现静态缓存 【综合】2015年02月03日Java开源的Servlet容器Jetty7.6.1和8.1.1发布 ,,2016年07月24日华为OJ(一)——字符串最后一个单词的长度 【移动开发】2015年08月28日Hibernate入门教程(总结) 【编程语言】2015年07月02日web.xml中的listener、filter、servlet加载顺序 【研发管理】2015年05月25日tomcat源码Catalina 【综合】2014年11月06日
我们保证
We guarantee
> psd效果文件手工切图,保证图片效果最好体积最小利于传输
> 100%手写的HTML(DIV+CSS)编码,绝对符合W3C标准
> 代码精简、css沉余量小、搜索引擎扫描迅速,网页打开快捷
> 应用Css Sprite能够减少HTTP请求数,提高网页性能
> 跨浏览器兼容(IE6、7、8、9,Firefox火狐,Chrome谷歌)