RError.com

RError.com Logo RError.com Logo

RError.com Navigation

  • 主页

Mobile menu

Close
  • 主页
  • 系统&网络
    • 热门问题
    • 最新问题
    • 标签
  • Ubuntu
    • 热门问题
    • 最新问题
    • 标签
  • 帮助
主页 / 问题 / 1376815
Accepted
Spartak
Spartak
Asked:2022-07-01 04:59:47 +0000 UTC2022-07-01 04:59:47 +0000 UTC 2022-07-01 04:59:47 +0000 UTC

一个幻影让我保持清醒。怎么修?

  • 772

我在本地开发了一个基于 cookie 的自定义计时器。倒数计时器还会更改购买价格(根据结帐表单中的价格更改隐藏输入的值,具体取决于剩余时间):

<!-- ===========================форма НАЧАЛО=================== -->
<form class="form-maraphon" method="GET" action="/marathon/integrations/handlers.php">

  <input type="text" name="name" class="form-maraphon-input" placeholder="Имя" required="">
  <input type="text" name="phone" class="form-maraphon-input" placeholder="Телефон" required="">
  <input type="email" name="email" class="form-maraphon-input" placeholder="Email" required="">
  <input type="hidden" id="price" name="price" value="150">

  <button class="form-maraphon-btn" type="submit">Перейти к оплате и забрать подарок</button>

</form>

<style>
  .form-maraphon-input {
    margin-top: 10px;
    min-width: 300px;
    height: 50px;
    background: #F6F7FE;
    border: none;
    border-bottom: 1px solid #9BB3E8;
    color: #A3A3A4;
    font-size: 14px;
  }
  
  .form-maraphon-btn {
    background: linear-gradient(93.78deg, #12C0BC 8.38%, #0ED12E 80.53%);
    border-radius: 15px;
    margin-top: 30px;
    min-width: 190px;
    height: 50px;
    border: none;
    border-bottom: 1px solid #9BB3E8;
    color: #FFFFFF;
    font-size: 14px;
  }
</style>
<!-- ===========================форма КОНЕЦ==================== -->

<script src="https://unpkg.com/cookielib/src/cookie.min.js"></script>
<script type="text/javascript" src="/js/libs/moment_js/moment.js"></script>
<script>
  function changePrice(time_start) {

    time_start2 = moment(time_start); //переведем в удобный формат
    now = moment(); //текущий момент времени
    console.log('time_start2: ', time_start2);
    console.log('now: ', now);
    let time1 = time_start2.clone().add(2, 'hours');
    let time2 = time_start2.clone().add(2, 'days');
    let time3 = time_start2.clone().add(4, 'days');

    let price1 = '350';
    let price2 = '650';
    let price3 = '2420';

    if (now.isAfter(time1) && now.isBefore(time2)) {
      document.getElementById('price').value = price1;
      console.log('активирован price1');
    }

    if (now.isAfter(time2) && now.isBefore(time3)) {
      document.getElementById('price').value = price2;
      console.log('активирован price2');
    }

    if (now.isAfter(time3)) {
      document.getElementById('price').value = price3;
      console.log('активирован price3');
    }

  }


  function getTimeRemaining(endtime) {

    var t = endtime + 48 * 2 * 60 * 60 * 1000 - Date.parse(new Date());
    var seconds = Math.floor((t / 1000) % 60);
    var minutes = Math.floor((t / 1000 / 60) % 60);
    var hours = Math.floor((t / (1000 * 60 * 60)) % 24);
    var days = Math.floor(t / (1000 * 60 * 60 * 24));
    return {
      'total': t,
      'days': days,
      'hours': hours,
      'minutes': minutes,
      'seconds': seconds
    };

  }


  function initializeClock(id, endtime) {
    var clock = document.getElementById(id);
    var daysSpan = clock.querySelector('.days');
    var hoursSpan = clock.querySelector('.hours');
    var minutesSpan = clock.querySelector('.minutes');
    var secondsSpan = clock.querySelector('.seconds');

    function updateClock() {
      var t = getTimeRemaining(endtime);

      daysSpan.innerHTML = t.days;
      hoursSpan.innerHTML = ('0' + t.hours).slice(-2);
      minutesSpan.innerHTML = ('0' + t.minutes).slice(-2);
      secondsSpan.innerHTML = ('0' + t.seconds).slice(-2);

      if (t.total <= 0) {
        clearInterval(timeinterval);
      }
    }
    updateClock();
    var timeinterval = setInterval(updateClock, 1000);
    changePrice(endtime);
  }


  //установим текущее клиентское время в куку, если значения нет
  if (getCookie('timeFirst') == null) {
    setCookie('timeFirst', String(Date.parse(new Date())), {
      expires: Date(14)
    });
  }

  var timeFirst = Number(getCookie('timeFirst'));
  console.log("timeFirst: ", timeFirst);
  initializeClock('countdown', timeFirst);
</script>

<style>
  .countdown {
    color: #bold;
    display: inline-block;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 26px;
    line-height: 32px;
  }
  
  .countdown-number {
    border-radius: 3px;
    display: inline-block;
  }
  
  .countdown-time {
    padding: 0px 15px 0px 15px;
    border-radius: 3px;
    background: #008116a;
    display: inline-block;
  }
  
  .countdown-text {
    display: block;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
  }
</style>

然后他开始将代码集成到生产站点上的一个现成页面中: https ://denisdemidov.com/marathon/

集成时,我发现了一个视觉错误-我开发的带有计时器的标题跳转,并且有时在计时器中显示NaN而不是值......这是什么问题?我在集成过程中唯一更改的是脚本连接路径和一个用于更改计时器颜色的 css 属性。

javascript
  • 1 1 个回答
  • 10 Views

1 个回答

  • Voted
  1. Best Answer
    Spartak
    2022-07-01T09:51:13Z2022-07-01T09:51:13Z

    集成时出现重复代码,问题解决。

    • -2

相关问题

  • 第二个 Instagram 按钮的 CSS 属性

  • 由于模糊,内容不可见

  • 弹出队列。消息显示不正确

  • 是否可以在 for 循环中插入提示?

  • 如何将 JSON 请求中的信息输出到数据表 Vuetify vue.js?

Sidebar

Stats

  • 问题 10021
  • Answers 30001
  • 最佳答案 8000
  • 用户 6900
  • 常问
  • 回答
  • Marko Smith

    我看不懂措辞

    • 1 个回答
  • Marko Smith

    请求的模块“del”不提供名为“default”的导出

    • 3 个回答
  • Marko Smith

    "!+tab" 在 HTML 的 vs 代码中不起作用

    • 5 个回答
  • Marko Smith

    我正在尝试解决“猜词”的问题。Python

    • 2 个回答
  • Marko Smith

    可以使用哪些命令将当前指针移动到指定的提交而不更改工作目录中的文件?

    • 1 个回答
  • Marko Smith

    Python解析野莓

    • 1 个回答
  • Marko Smith

    问题:“警告:检查最新版本的 pip 时出错。”

    • 2 个回答
  • Marko Smith

    帮助编写一个用值填充变量的循环。解决这个问题

    • 2 个回答
  • Marko Smith

    尽管依赖数组为空,但在渲染上调用了 2 次 useEffect

    • 2 个回答
  • Marko Smith

    数据不通过 Telegram.WebApp.sendData 发送

    • 1 个回答
  • Martin Hope
    Alexandr_TT 2020年新年大赛! 2020-12-20 18:20:21 +0000 UTC
  • Martin Hope
    Alexandr_TT 圣诞树动画 2020-12-23 00:38:08 +0000 UTC
  • Martin Hope
    Air 究竟是什么标识了网站访问者? 2020-11-03 15:49:20 +0000 UTC
  • Martin Hope
    Qwertiy 号码显示 9223372036854775807 2020-07-11 18:16:49 +0000 UTC
  • Martin Hope
    user216109 如何为黑客设下陷阱,或充分击退攻击? 2020-05-10 02:22:52 +0000 UTC
  • Martin Hope
    Qwertiy 并变成3个无穷大 2020-11-06 07:15:57 +0000 UTC
  • Martin Hope
    koks_rs 什么是样板代码? 2020-10-27 15:43:19 +0000 UTC
  • Martin Hope
    Sirop4ik 向 git 提交发布的正确方法是什么? 2020-10-05 00:02:00 +0000 UTC
  • Martin Hope
    faoxis 为什么在这么多示例中函数都称为 foo? 2020-08-15 04:42:49 +0000 UTC
  • Martin Hope
    Pavel Mayorov 如何从事件或回调函数中返回值?或者至少等他们完成。 2020-08-11 16:49:28 +0000 UTC

热门标签

javascript python java php c# c++ html android jquery mysql

Explore

  • 主页
  • 问题
    • 热门问题
    • 最新问题
  • 标签
  • 帮助

Footer

RError.com

关于我们

  • 关于我们
  • 联系我们

Legal Stuff

  • Privacy Policy

帮助

© 2023 RError.com All Rights Reserve   沪ICP备12040472号-5