Javascript 在每个foreach上显示倒计时计时器
我试图为Javascript 在每个foreach上显示倒计时计时器,javascript,laravel,laravel-5,Javascript,Laravel,Laravel 5,我试图为foreach语句的每个循环在页面上设置一个倒计时计时器。目前,它似乎只在最后一个循环中显示 这是我的foreach: @foreach($top4auctions as $auction) <div class="span3"> <a href="/auction/{{ $auction->id }}"><u><strong>{{
foreach
语句的每个循环在页面上设置一个倒计时计时器。目前,它似乎只在最后一个循环中显示
这是我的foreach
:
@foreach($top4auctions as $auction)
<div class="span3">
<a href="/auction/{{ $auction->id }}"><u><strong>{{ $auction->item }}</strong></u>
<br />
Current Price: ${{ $auction->price }}
<div class="span8">
<img src="{{ $auction->itempic }}" alt="{{ $auction->item }} CS:GO Skin Auction"></a>
<br />
<div class="clock{{ $auction->id }}"></div>
<script>
window.onload = function () {
var fiveMinutes{{ $auction->id }} = 60 * 5,
display = document.querySelector('.clock{{ $auction->id }}');
startTimer(fiveMinutes{{ $auction->id }}, display);
};
</script>
</div>
</div>
@endforeach
我已经根据
$auction->id
命名了所有东西,但它仍然不起作用。。所以我不知道现在该怎么办。与其覆盖window.onload,不如尝试以下方法
<script>
window.addEventListener('load', function() {
var fiveMinutes {
{
$auction - > id
}
} = 60 * 5,
display = document.querySelector('.clock{{ $auction->id }}');
startTimer(fiveMinutes {
{
$auction - > id
}
}, display);
});
</script>
addEventListener('load',function()){
五分钟{
{
$auction->id
}
} = 60 * 5,
display=document.querySelector('.clock{{{$auction->id}');
开始时间(五分钟){
{
$auction->id
}
},显示);
});
在每个循环中都会覆盖window.onload函数,因此为什么只有“最后一个循环”起作用
<script>
window.addEventListener('load', function() {
var fiveMinutes {
{
$auction - > id
}
} = 60 * 5,
display = document.querySelector('.clock{{ $auction->id }}');
startTimer(fiveMinutes {
{
$auction - > id
}
}, display);
});
</script>