Для анимации без запаздывания я обычно использую kinetic.js.
var stage = new Kinetic.Stage({
container: 'container',
width: 578,
height: 200
});
var layer = new Kinetic.Layer();
var hexagon = new Kinetic.RegularPolygon({
x: stage.width()/2,
y: stage.height()/2,
sides: 6,
radius: 70,
fill: 'red',
stroke: 'black',
strokeWidth: 4
});
layer.add(hexagon);
stage.add(layer);
var amplitude = 150;
var period = 2000;
// in ms
var centerX = stage.width()/2;
var anim = new Kinetic.Animation(function(frame) {
hexagon.setX(amplitude * Math.sin(frame.time * 2 * Math.PI / period) + centerX);
}, layer);
anim.start();
Вот пример, если вы хотите взглянуть.
http: // www.html5canvastutorials.com/kineticjs/html5-canvas-kineticjs-animate-position-tutorial/
Почему я предлагаю это потому, что setInterval или setTimeout определенная функция вызывает проблемы, когда большое количество одновременная анимация имеет место, но кинетика. Анимация более рационально работает с фреймами.
Единственное, что вы можете сделать, это применить Поддержка формирования трафика , используя kubernetes.io/ingress-bandwidth
и kubernetes.io/egress-bandwidth annotations
. Он может быть применен только к вашим PODS.
Пример:
apiVersion: v1
kind: Pod
metadata:
annotations:
kubernetes.io/ingress-bandwidth: 1M
kubernetes.io/egress-bandwidth: 1M
..
Также официальная документация k8s дает ссылку на плагин полосы пропускания . Попробуйте подать заявку на ваши нужды.
И прочитайте тему, связанную с github .