18910140161

如何使用HTML格式化JavaScript代码以用于计数计时器?-堆栈溢出

顺晟科技

2022-10-18 12:13:17

95

你好,StackOverflow社区。我的第一个问题:D

我正在尝试在我的网站上放一个简单的JavaScript代码,它可以显示访问者在该页面上停留的时间。刷新后,它将重置并重新开始计数。我从https://thevegancalculator.com/animal-slaughter/中获得了灵感,它显示为红色:已经XX分钟XX秒了。我有基本的JS代码,但需要一些帮助来整理它和正确的HTML来格式化它,所以它看起来像网站上的一个。这是我目前所拥有的。

var sec =0, min=0, hour=0;
setInterval(function(){
    sec++;
    if(sec==60){sec=0; min++;}
    if(min==60){min=0; hour++;}
    var str = 'It has been';
    str+= hour?' ' +hour + (hour==1?' hour':' hours') + ' and':'';
    str+= min?' ' +min+ (min==1?' minute':' minutes') + ' and':'';
    str+= sec?' ' +sec+ (sec==1?' second':' seconds'):'';
document.getElementById('passed').innerHTML=str;
},1000);

这里有一个链接:https://jsfiddle.net/vdgyx67z/


顺晟科技:

像这样

使用HTML和CSS:

HTML:

<div id="passed"></div>

CSS:

<代码>#通过{颜色:#E11!重要的;字体粗细:粗体;文本对齐:居中;字体大小:0.8rem;文本转换:大写;FONT-FAMILY:氧气,无衬线;}

更新的小提琴:https://jsfiddle.net/7ov9hls8/.

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航