活动倒计时封装函数

骑猪看日落 2021-09-14 13:22 494阅读 0赞

直接贴代码

  1. //e:结束的时间,是一个时间戳类似156654646545
  2. //obj:放置倒计时的dom节点
  3. //skin:倒计时的格式''ww_1',"ww_2"等
  4. function ww_clock(e, obj, skin) {
  5. var ww_str;
  6. switch (skin) {
  7. case "ww_1":
  8. ww_str = "距拼团结束<span></span>天<span>0</span>时<span>0</span>分<span>0</span>秒";
  9. break;
  10. case "ww_2":
  11. ww_str = "<span>0</span>天<span>0</span>:<span>0</span>:<span>0</span>";
  12. break;
  13. case "ww_3":
  14. ww_str = "<span>0</span>天<span>0</span>-<span>0</span>-<span>0</span>";
  15. break;
  16. default:
  17. ww_str = "<span>0</span>天<span>0</span>/<span>0</span>/<span>0</span>";
  18. break;
  19. }
  20. UpdateTime(e, obj);
  21. obj.html(ww_str);
  22. setInterval(
  23. function aa() {
  24. UpdateTime(e, obj)
  25. }, 1000);
  26. }
  27. //跟新时间
  28. function UpdateTime(e, obj) {
  29. var now = new Date(); //定义一个中国标准时间格式
  30. now.setTime(e * 1000); //把时间戳转化为中国标准时间格式
  31. var Year = now.getFullYear(); //获取到年
  32. var Month = now.getMonth() + 1; //获取到月
  33. var Day = now.getDate(); //日
  34. var Hours = now.getHours(); //时
  35. var Minutes = now.getMinutes(); //分
  36. var Seconds = now.getSeconds(); //秒
  37. var endDate = new Date(); //创建时间对象
  38. var newDate = new Date(); //获取现在的时间
  39. //设置结束时间
  40. endDate.setFullYear(Year);
  41. endDate.setMonth(Month - 1);
  42. endDate.setDate(Day);
  43. endDate.setHours(Hours);
  44. endDate.setMinutes(Minutes);
  45. endDate.setSeconds(Seconds);
  46. //获取时间差毫秒数,用结束时间毫秒数-现在时间毫秒数
  47. var s = (endDate.getTime() - newDate.getTime()) / 1000; //时间差的秒数
  48. if (s <= 0) {//当活动结束时间大于现在时间,清楚时间函数
  49. clearInterval(aa);
  50. }
  51. var day = Math.floor(s / 86400); //获取天数
  52. //var s2=s-day*86400; //获取剩余的秒数
  53. //var hours=Math.floor(s2/3600); //获取小时
  54. //var s3=s-day*86400-hours*3600;
  55. //var minutes=Math.floor(s3/60);//获取分钟数
  56. //var s4=s-day*86400-hours*3600-minutes*60; //获取秒数
  57. s = s % 86400;
  58. var hours = Math.floor(s / 3600);
  59. s = s % 3600;
  60. var minutes = Math.floor(s / 60);
  61. s = s % 60;
  62. var s4 = s;
  63. obj.find("span").eq(0).html(fullZero(day, 2)); //赋值 天数
  64. obj.find("span").eq(1).html(fullZero(hours, 2)); //小时
  65. obj.find("span").eq(2).html(fullZero(minutes, 2)); //分钟
  66. obj.find("span").eq(3).html(fullZero(s4, 2)); //秒
  67. };
  68. //给时间前面补0
  69. function fullZero(_time, n) {
  70. var str = "" + _time;
  71. while (str.length < n) {
  72. str = "0" + str;
  73. }
  74. return str;
  75. }

发表评论

表情:
评论列表 (有 0 条评论,494人围观)

还没有评论,来说两句吧...

相关阅读

    相关 Android之封装计时页面

    1 、需求 多个页面需要用到显示定时器页面,页面里面时间会一秒一秒减少,页面布局如下,开了定时器,如果其它页面也打开会使用之前的页面里面显示的时间,也就是说在有效范围内,