JavaScript动态写入活动的参与人数

cipher

2019 年 07 月 06 日

949 次浏览

2 条评论

667字数

工作经验

前几天写了一个活动页面，需要一个功能，就是随着时间增加活动人数也要增加。

但是牵扯一个问题，随时间增加是一直加，要求一小时增加1-3个人，我觉得可以用时间戳实现这个功能。

代码如下：

<span id="randomH">389</span>人参与
    <script>
    //获取时间戳
    var myDate = Math.round(new Date() / 1000);
    //将时间戳转换成字符串，不然下面的substring方法不生效
    var strmyDate = myDate.toString();
    //截取时间戳的前三位
    var strnum1 = strmyDate.substring(0,3);
    //截取时间戳的4位到6位
    var strnum2 = strmyDate.substring(3,6);
    //截取时间戳的5位到6位
    var strnum3 = strmyDate.substring(4,6);
    //用时间戳的5位跟6位组成的数除以30取整
    var strnum4 = Math.ceil(strnum3/30);
    //加起来就是现在的人数
    var strnum5 = parseInt(strnum1) + parseInt(strnum2) + strnum4;
    var testdiv = document.getElementById("randomH");
    //动态写入此时的参入人数
    testdiv.innerHTML=strnum5;
</script>